Published: June 2026•By Web Util Slyce Team•10 min read

HTML Color Codes — Complete Color Reference

A comprehensive reference for HTML and CSS color codes including hex values, RGB, and HSL. Convert between any color format with our Color Converter or generate palettes with the Color Palette Generator.

Common Color Codes

Name	Hex	Common Use
White	#FFFFFF	Backgrounds, text on dark themes
Black	#000000	Text, borders
Gray	#808080	Disabled elements, secondary text
Red	#FF0000	Errors, danger alerts, required indicators
Green	#008000	Success, confirmations, valid feedback
Blue	#0000FF	Links, primary actions, info alerts
Yellow	#FFFF00	Warnings, highlights
Orange	#FFA500	Medium warnings, call-to-action

All Named Colors

CSS named colors (also called X11 colors) with their hex, RGB, and HSL equivalents.

Red

Name	Hex	RGB	HSL
Red	#FF0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
Crimson	#DC143C	rgb(220, 20, 60)	hsl(348, 83%, 47%)
Firebrick	#B22222	rgb(178, 34, 34)	hsl(0, 68%, 42%)
Dark Red	#8B0000	rgb(139, 0, 0)	hsl(0, 100%, 27%)

Orange

Name	Hex	RGB	HSL
Orange Red	#FF4500	rgb(255, 69, 0)	hsl(16, 100%, 50%)
Tomato	#FF6347	rgb(255, 99, 71)	hsl(9, 100%, 64%)
Dark Orange	#FF8C00	rgb(255, 140, 0)	hsl(33, 100%, 50%)
Orange	#FFA500	rgb(255, 165, 0)	hsl(39, 100%, 50%)

Yellow

Name	Hex	RGB	HSL
Gold	#FFD700	rgb(255, 215, 0)	hsl(51, 100%, 50%)
Yellow	#FFFF00	rgb(255, 255, 0)	hsl(60, 100%, 50%)
Khaki	#F0E68C	rgb(240, 230, 140)	hsl(54, 77%, 75%)

Green

Name	Hex	RGB	HSL
Lime	#00FF00	rgb(0, 255, 0)	hsl(120, 100%, 50%)
Green	#008000	rgb(0, 128, 0)	hsl(120, 100%, 25%)
Forest Green	#228B22	rgb(34, 139, 34)	hsl(120, 61%, 34%)
Sea Green	#2E8B57	rgb(46, 139, 87)	hsl(146, 50%, 36%)
Medium Sea Green	#3CB371	rgb(60, 179, 113)	hsl(147, 50%, 47%)

Cyan

Name	Hex	RGB	HSL
Teal	#008080	rgb(0, 128, 128)	hsl(180, 100%, 25%)
Dark Cyan	#008B8B	rgb(0, 139, 139)	hsl(180, 100%, 27%)
Aqua	#00FFFF	rgb(0, 255, 255)	hsl(180, 100%, 50%)
Turquoise	#40E0D0	rgb(64, 224, 208)	hsl(174, 72%, 56%)

Blue

Name	Hex	RGB	HSL
Sky Blue	#87CEEB	rgb(135, 206, 235)	hsl(197, 71%, 73%)
Steel Blue	#4682B4	rgb(70, 130, 180)	hsl(207, 44%, 49%)
Dodger Blue	#1E90FF	rgb(30, 144, 255)	hsl(210, 100%, 56%)
Navy	#000080	rgb(0, 0, 128)	hsl(240, 100%, 25%)

Purple

Name	Hex	RGB	HSL
Indigo	#4B0082	rgb(75, 0, 130)	hsl(275, 100%, 25%)
Purple	#800080	rgb(128, 0, 128)	hsl(300, 100%, 25%)
Dark Magenta	#8B008B	rgb(139, 0, 139)	hsl(300, 100%, 27%)
Violet	#EE82EE	rgb(238, 130, 238)	hsl(300, 76%, 72%)

Pink

Name	Hex	RGB	HSL
Pink	#FFC0CB	rgb(255, 192, 203)	hsl(350, 100%, 88%)
Hot Pink	#FF69B4	rgb(255, 105, 180)	hsl(330, 100%, 71%)
Deep Pink	#FF1493	rgb(255, 20, 147)	hsl(328, 100%, 54%)

White

Swatch	Name	Hex	RGB	HSL
	White	#FFFFFF	rgb(255, 255, 255)	hsl(0, 0%, 100%)
	Snow	#FFFAFA	rgb(255, 250, 250)	hsl(0, 100%, 99%)

Gray

Name	Hex	RGB	HSL
Silver	#C0C0C0	rgb(192, 192, 192)	hsl(0, 0%, 75%)
Gray	#808080	rgb(128, 128, 128)	hsl(0, 0%, 50%)
Dim Gray	#696969	rgb(105, 105, 105)	hsl(0, 0%, 41%)
Dark Slate Gray	#2F4F4F	rgb(47, 79, 79)	hsl(180, 25%, 25%)

Black

Swatch	Name	Hex	RGB	HSL
	Black	#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)

Brown

Name	Hex	RGB	HSL
Brown	#A52A2A	rgb(165, 42, 42)	hsl(0, 59%, 41%)
Sienna	#A0522D	rgb(160, 82, 45)	hsl(19, 56%, 40%)
Chocolate	#D2691E	rgb(210, 105, 30)	hsl(25, 75%, 47%)

Color Format Conversion

Format	Example	Range	Use Case
Hex	#FF5733	00-FF per channel	HTML, CSS, design tools
RGB	rgb(255, 87, 51)	0-255 per channel	CSS, canvas, programmatic
RGBA	rgba(255, 87, 51, 0.5)	RGB + 0-1 alpha	Transparency in CSS
HSL	hsl(11, 100%, 60%)	H:0-360, S/L:0-100%	Intuitive color adjustments
HSLA	hsla(11, 100%, 60%, 0.5)	HSL + 0-1 alpha	Transparent color variations
Named	tomato	147 CSS named colors	Quick, readable inline styles

Color Converter →Color Palette Generator →CSS Gradient Generator →

CSS Grid vs Flexbox