HTML Colors

Colors in HTML can be specified in several ways. They are used in inline styles, CSS, and various HTML attributes.

Color Formats

Format	Example	Description
Color name	`red`	140+ named colors
HEX	`#FF0000`	6 hex digits (RRGGBB)
RGB	`rgb(255,0,0)`	Red, Green, Blue values 0–255
RGBA	`rgba(255,0,0,0.5)`	RGB + Alpha (opacity 0–1)
HSL	`hsl(0,100%,50%)`	Hue, Saturation, Lightness

💡 HEX is the most common format for web development.

Example

<p style="color: red;">Named color: red</p>
<p style="color: #6366f1;">HEX: #6366f1 (indigo)</p>
<p style="color: rgb(34, 197, 94);">RGB: rgb(34, 197, 94) (green)</p>
<p style="background-color: rgba(99, 102, 241, 0.2); padding: 8px;">
  RGBA background with 20% opacity
</p>

HTML

Full Editor

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned