How to html color text

Content on WhatAnswers is provided "as is" for informational purposes. While we strive for accuracy, we make no guarantees. Content is AI-assisted and should not be used as professional advice.

Last updated: April 4, 2026

Quick Answer: You can color text in HTML by using the `style` attribute with the `color` CSS property. For example, `<span style="color: blue;">This text is blue.</span>` will display the text 'This text is blue.' in blue.

Key Facts

The `color` CSS property is used to set the text color.
Colors can be specified using color names (e.g., `red`), hexadecimal values (e.g., `#FF0000`), RGB values (e.g., `rgb(255, 0, 0)`), or HSL values (e.g., `hsl(0, 100%, 50%)`).
The `style` attribute is an inline way to apply CSS to an HTML element.
For more complex styling or reusability, CSS can be placed in `<style>` tags within the `<head>` or in external `.css` files.
Accessibility should be considered; ensure sufficient color contrast for readability.

Overview

Coloring text in HTML is a fundamental aspect of web design, allowing you to enhance readability, emphasize key information, and create a visually appealing user experience. While HTML itself provides the structure, it's Cascading Style Sheets (CSS) that handle the presentation, including text color.

Methods for Coloring Text in HTML

1. Inline Styles (Using the `style` Attribute)

The most direct way to color a specific piece of text is by using the `style` attribute directly within an HTML tag. This method is simple for one-off changes but can become difficult to manage for larger websites.

Syntax:

<tagname style="color: color_value;">Your text here</tagname>

Example:

<p style="color: blue;">This paragraph will be blue.</p><span style="color: green;">This specific phrase is green.</span>