DevToolBoxFREE
Blog

Color Name to Hex Converter - CSS Named Colors

Free online color name to hex converter. Browse all 148 CSS named colors with hex codes, RGB values, and HSL. Search, filter, and copy color values instantly. No signup required.

141 CSS Named Colors
IndianRed
Hex
#CD5C5C
RGB
rgb(205, 92, 92)
HSL
hsl(0, 53%, 58%)
LightCoral
Hex
#F08080
RGB
rgb(240, 128, 128)
HSL
hsl(0, 79%, 72%)
Salmon
Hex
#FA8072
RGB
rgb(250, 128, 114)
HSL
hsl(6, 93%, 71%)
DarkSalmon
Hex
#E9967A
RGB
rgb(233, 150, 122)
HSL
hsl(15, 72%, 70%)
LightSalmon
Hex
#FFA07A
RGB
rgb(255, 160, 122)
HSL
hsl(17, 100%, 74%)
Crimson
Hex
#DC143C
RGB
rgb(220, 20, 60)
HSL
hsl(348, 83%, 47%)
Red
Hex
#FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
FireBrick
Hex
#B22222
RGB
rgb(178, 34, 34)
HSL
hsl(0, 68%, 42%)
DarkRed
Hex
#8B0000
RGB
rgb(139, 0, 0)
HSL
hsl(0, 100%, 27%)
Pink
Hex
#FFC0CB
RGB
rgb(255, 192, 203)
HSL
hsl(350, 100%, 88%)
LightPink
Hex
#FFB6C1
RGB
rgb(255, 182, 193)
HSL
hsl(351, 100%, 86%)
HotPink
Hex
#FF69B4
RGB
rgb(255, 105, 180)
HSL
hsl(330, 100%, 71%)
DeepPink
Hex
#FF1493
RGB
rgb(255, 20, 147)
HSL
hsl(328, 100%, 54%)
MediumVioletRed
Hex
#C71585
RGB
rgb(199, 21, 133)
HSL
hsl(322, 81%, 43%)
PaleVioletRed
Hex
#DB7093
RGB
rgb(219, 112, 147)
HSL
hsl(340, 60%, 65%)
Coral
Hex
#FF7F50
RGB
rgb(255, 127, 80)
HSL
hsl(16, 100%, 66%)
Tomato
Hex
#FF6347
RGB
rgb(255, 99, 71)
HSL
hsl(9, 100%, 64%)
OrangeRed
Hex
#FF4500
RGB
rgb(255, 69, 0)
HSL
hsl(16, 100%, 50%)
DarkOrange
Hex
#FF8C00
RGB
rgb(255, 140, 0)
HSL
hsl(33, 100%, 50%)
Orange
Hex
#FFA500
RGB
rgb(255, 165, 0)
HSL
hsl(39, 100%, 50%)
Gold
Hex
#FFD700
RGB
rgb(255, 215, 0)
HSL
hsl(51, 100%, 50%)
Yellow
Hex
#FFFF00
RGB
rgb(255, 255, 0)
HSL
hsl(60, 100%, 50%)
LightYellow
Hex
#FFFFE0
RGB
rgb(255, 255, 224)
HSL
hsl(60, 100%, 94%)
LemonChiffon
Hex
#FFFACD
RGB
rgb(255, 250, 205)
HSL
hsl(54, 100%, 90%)
LightGoldenrodYellow
Hex
#FAFAD2
RGB
rgb(250, 250, 210)
HSL
hsl(60, 80%, 90%)
PapayaWhip
Hex
#FFEFD5
RGB
rgb(255, 239, 213)
HSL
hsl(37, 100%, 92%)
Moccasin
Hex
#FFE4B5
RGB
rgb(255, 228, 181)
HSL
hsl(38, 100%, 85%)
PeachPuff
Hex
#FFDAB9
RGB
rgb(255, 218, 185)
HSL
hsl(28, 100%, 86%)
PaleGoldenrod
Hex
#EEE8AA
RGB
rgb(238, 232, 170)
HSL
hsl(55, 67%, 80%)
Khaki
Hex
#F0E68C
RGB
rgb(240, 230, 140)
HSL
hsl(54, 77%, 75%)
DarkKhaki
Hex
#BDB76B
RGB
rgb(189, 183, 107)
HSL
hsl(56, 38%, 58%)
Lavender
Hex
#E6E6FA
RGB
rgb(230, 230, 250)
HSL
hsl(240, 67%, 94%)
Thistle
Hex
#D8BFD8
RGB
rgb(216, 191, 216)
HSL
hsl(300, 24%, 80%)
Plum
Hex
#DDA0DD
RGB
rgb(221, 160, 221)
HSL
hsl(300, 47%, 75%)
Violet
Hex
#EE82EE
RGB
rgb(238, 130, 238)
HSL
hsl(300, 76%, 72%)
Orchid
Hex
#DA70D6
RGB
rgb(218, 112, 214)
HSL
hsl(302, 59%, 65%)
Fuchsia
Hex
#FF00FF
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
Magenta
Hex
#FF00FF
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
MediumOrchid
Hex
#BA55D3
RGB
rgb(186, 85, 211)
HSL
hsl(288, 59%, 58%)
MediumPurple
Hex
#9370DB
RGB
rgb(147, 112, 219)
HSL
hsl(260, 60%, 65%)
RebeccaPurple
Hex
#663399
RGB
rgb(102, 51, 153)
HSL
hsl(270, 50%, 40%)
BlueViolet
Hex
#8A2BE2
RGB
rgb(138, 43, 226)
HSL
hsl(271, 76%, 53%)
DarkViolet
Hex
#9400D3
RGB
rgb(148, 0, 211)
HSL
hsl(282, 100%, 41%)
DarkOrchid
Hex
#9932CC
RGB
rgb(153, 50, 204)
HSL
hsl(280, 61%, 50%)
DarkMagenta
Hex
#8B008B
RGB
rgb(139, 0, 139)
HSL
hsl(300, 100%, 27%)
Purple
Hex
#800080
RGB
rgb(128, 0, 128)
HSL
hsl(300, 100%, 25%)
Indigo
Hex
#4B0082
RGB
rgb(75, 0, 130)
HSL
hsl(275, 100%, 25%)
SlateBlue
Hex
#6A5ACD
RGB
rgb(106, 90, 205)
HSL
hsl(248, 53%, 58%)
DarkSlateBlue
Hex
#483D8B
RGB
rgb(72, 61, 139)
HSL
hsl(248, 39%, 39%)
MediumSlateBlue
Hex
#7B68EE
RGB
rgb(123, 104, 238)
HSL
hsl(249, 80%, 67%)
GreenYellow
Hex
#ADFF2F
RGB
rgb(173, 255, 47)
HSL
hsl(84, 100%, 59%)
Chartreuse
Hex
#7FFF00
RGB
rgb(127, 255, 0)
HSL
hsl(90, 100%, 50%)
LawnGreen
Hex
#7CFC00
RGB
rgb(124, 252, 0)
HSL
hsl(90, 100%, 49%)
Lime
Hex
#00FF00
RGB
rgb(0, 255, 0)
HSL
hsl(120, 100%, 50%)
LimeGreen
Hex
#32CD32
RGB
rgb(50, 205, 50)
HSL
hsl(120, 61%, 50%)
PaleGreen
Hex
#98FB98
RGB
rgb(152, 251, 152)
HSL
hsl(120, 93%, 79%)
LightGreen
Hex
#90EE90
RGB
rgb(144, 238, 144)
HSL
hsl(120, 73%, 75%)
MediumSpringGreen
Hex
#00FA9A
RGB
rgb(0, 250, 154)
HSL
hsl(157, 100%, 49%)
SpringGreen
Hex
#00FF7F
RGB
rgb(0, 255, 127)
HSL
hsl(150, 100%, 50%)
MediumSeaGreen
Hex
#3CB371
RGB
rgb(60, 179, 113)
HSL
hsl(147, 50%, 47%)
SeaGreen
Hex
#2E8B57
RGB
rgb(46, 139, 87)
HSL
hsl(146, 50%, 36%)
ForestGreen
Hex
#228B22
RGB
rgb(34, 139, 34)
HSL
hsl(120, 61%, 34%)
Green
Hex
#008000
RGB
rgb(0, 128, 0)
HSL
hsl(120, 100%, 25%)
DarkGreen
Hex
#006400
RGB
rgb(0, 100, 0)
HSL
hsl(120, 100%, 20%)
YellowGreen
Hex
#9ACD32
RGB
rgb(154, 205, 50)
HSL
hsl(80, 61%, 50%)
OliveDrab
Hex
#6B8E23
RGB
rgb(107, 142, 35)
HSL
hsl(80, 60%, 35%)
Olive
Hex
#808000
RGB
rgb(128, 128, 0)
HSL
hsl(60, 100%, 25%)
DarkOliveGreen
Hex
#556B2F
RGB
rgb(85, 107, 47)
HSL
hsl(82, 39%, 30%)
MediumAquamarine
Hex
#66CDAA
RGB
rgb(102, 205, 170)
HSL
hsl(160, 51%, 60%)
DarkSeaGreen
Hex
#8FBC8B
RGB
rgb(143, 188, 139)
HSL
hsl(115, 27%, 64%)
LightSeaGreen
Hex
#20B2AA
RGB
rgb(32, 178, 170)
HSL
hsl(177, 70%, 41%)
DarkCyan
Hex
#008B8B
RGB
rgb(0, 139, 139)
HSL
hsl(180, 100%, 27%)
Teal
Hex
#008080
RGB
rgb(0, 128, 128)
HSL
hsl(180, 100%, 25%)
Aqua
Hex
#00FFFF
RGB
rgb(0, 255, 255)
HSL
hsl(180, 100%, 50%)
Cyan
Hex
#00FFFF
RGB
rgb(0, 255, 255)
HSL
hsl(180, 100%, 50%)
LightCyan
Hex
#E0FFFF
RGB
rgb(224, 255, 255)
HSL
hsl(180, 100%, 94%)
PaleTurquoise
Hex
#AFEEEE
RGB
rgb(175, 238, 238)
HSL
hsl(180, 65%, 81%)
Aquamarine
Hex
#7FFFD4
RGB
rgb(127, 255, 212)
HSL
hsl(160, 100%, 75%)
Turquoise
Hex
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
MediumTurquoise
Hex
#48D1CC
RGB
rgb(72, 209, 204)
HSL
hsl(178, 60%, 55%)
DarkTurquoise
Hex
#00CED1
RGB
rgb(0, 206, 209)
HSL
hsl(181, 100%, 41%)
CadetBlue
Hex
#5F9EA0
RGB
rgb(95, 158, 160)
HSL
hsl(182, 25%, 50%)
SteelBlue
Hex
#4682B4
RGB
rgb(70, 130, 180)
HSL
hsl(207, 44%, 49%)
LightSteelBlue
Hex
#B0C4DE
RGB
rgb(176, 196, 222)
HSL
hsl(214, 41%, 78%)
PowderBlue
Hex
#B0E0E6
RGB
rgb(176, 224, 230)
HSL
hsl(187, 52%, 80%)
LightBlue
Hex
#ADD8E6
RGB
rgb(173, 216, 230)
HSL
hsl(195, 53%, 79%)
SkyBlue
Hex
#87CEEB
RGB
rgb(135, 206, 235)
HSL
hsl(197, 71%, 73%)
LightSkyBlue
Hex
#87CEFA
RGB
rgb(135, 206, 250)
HSL
hsl(203, 92%, 75%)
DeepSkyBlue
Hex
#00BFFF
RGB
rgb(0, 191, 255)
HSL
hsl(195, 100%, 50%)
DodgerBlue
Hex
#1E90FF
RGB
rgb(30, 144, 255)
HSL
hsl(210, 100%, 56%)
CornflowerBlue
Hex
#6495ED
RGB
rgb(100, 149, 237)
HSL
hsl(219, 79%, 66%)
RoyalBlue
Hex
#4169E1
RGB
rgb(65, 105, 225)
HSL
hsl(225, 73%, 57%)
Blue
Hex
#0000FF
RGB
rgb(0, 0, 255)
HSL
hsl(240, 100%, 50%)
MediumBlue
Hex
#0000CD
RGB
rgb(0, 0, 205)
HSL
hsl(240, 100%, 40%)
DarkBlue
Hex
#00008B
RGB
rgb(0, 0, 139)
HSL
hsl(240, 100%, 27%)
Navy
Hex
#000080
RGB
rgb(0, 0, 128)
HSL
hsl(240, 100%, 25%)
MidnightBlue
Hex
#191970
RGB
rgb(25, 25, 112)
HSL
hsl(240, 64%, 27%)
White
Hex
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Snow
Hex
#FFFAFA
RGB
rgb(255, 250, 250)
HSL
hsl(0, 100%, 99%)
Honeydew
Hex
#F0FFF0
RGB
rgb(240, 255, 240)
HSL
hsl(120, 100%, 97%)
MintCream
Hex
#F5FFFA
RGB
rgb(245, 255, 250)
HSL
hsl(150, 100%, 98%)
Azure
Hex
#F0FFFF
RGB
rgb(240, 255, 255)
HSL
hsl(180, 100%, 97%)
AliceBlue
Hex
#F0F8FF
RGB
rgb(240, 248, 255)
HSL
hsl(208, 100%, 97%)
GhostWhite
Hex
#F8F8FF
RGB
rgb(248, 248, 255)
HSL
hsl(240, 100%, 99%)
WhiteSmoke
Hex
#F5F5F5
RGB
rgb(245, 245, 245)
HSL
hsl(0, 0%, 96%)
Seashell
Hex
#FFF5EE
RGB
rgb(255, 245, 238)
HSL
hsl(25, 100%, 97%)
Beige
Hex
#F5F5DC
RGB
rgb(245, 245, 220)
HSL
hsl(60, 56%, 91%)
OldLace
Hex
#FDF5E6
RGB
rgb(253, 245, 230)
HSL
hsl(39, 85%, 95%)
FloralWhite
Hex
#FFFAF0
RGB
rgb(255, 250, 240)
HSL
hsl(40, 100%, 97%)
Ivory
Hex
#FFFFF0
RGB
rgb(255, 255, 240)
HSL
hsl(60, 100%, 97%)
AntiqueWhite
Hex
#FAEBD7
RGB
rgb(250, 235, 215)
HSL
hsl(34, 78%, 91%)
Linen
Hex
#FAF0E6
RGB
rgb(250, 240, 230)
HSL
hsl(30, 67%, 94%)
LavenderBlush
Hex
#FFF0F5
RGB
rgb(255, 240, 245)
HSL
hsl(340, 100%, 97%)
MistyRose
Hex
#FFE4E1
RGB
rgb(255, 228, 225)
HSL
hsl(6, 100%, 94%)
Gainsboro
Hex
#DCDCDC
RGB
rgb(220, 220, 220)
HSL
hsl(0, 0%, 86%)
LightGray
Hex
#D3D3D3
RGB
rgb(211, 211, 211)
HSL
hsl(0, 0%, 83%)
Silver
Hex
#C0C0C0
RGB
rgb(192, 192, 192)
HSL
hsl(0, 0%, 75%)
DarkGray
Hex
#A9A9A9
RGB
rgb(169, 169, 169)
HSL
hsl(0, 0%, 66%)
Gray
Hex
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
DimGray
Hex
#696969
RGB
rgb(105, 105, 105)
HSL
hsl(0, 0%, 41%)
LightSlateGray
Hex
#778899
RGB
rgb(119, 136, 153)
HSL
hsl(210, 14%, 53%)
SlateGray
Hex
#708090
RGB
rgb(112, 128, 144)
HSL
hsl(210, 13%, 50%)
DarkSlateGray
Hex
#2F4F4F
RGB
rgb(47, 79, 79)
HSL
hsl(180, 25%, 25%)
Black
Hex
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Cornsilk
Hex
#FFF8DC
RGB
rgb(255, 248, 220)
HSL
hsl(48, 100%, 93%)
BlanchedAlmond
Hex
#FFEBCD
RGB
rgb(255, 235, 205)
HSL
hsl(36, 100%, 90%)
Bisque
Hex
#FFE4C4
RGB
rgb(255, 228, 196)
HSL
hsl(33, 100%, 88%)
NavajoWhite
Hex
#FFDEAD
RGB
rgb(255, 222, 173)
HSL
hsl(36, 100%, 84%)
Wheat
Hex
#F5DEB3
RGB
rgb(245, 222, 179)
HSL
hsl(39, 77%, 83%)
BurlyWood
Hex
#DEB887
RGB
rgb(222, 184, 135)
HSL
hsl(34, 57%, 70%)
Tan
Hex
#D2B48C
RGB
rgb(210, 180, 140)
HSL
hsl(34, 44%, 69%)
RosyBrown
Hex
#BC8F8F
RGB
rgb(188, 143, 143)
HSL
hsl(0, 25%, 65%)
SandyBrown
Hex
#F4A460
RGB
rgb(244, 164, 96)
HSL
hsl(28, 87%, 67%)
Goldenrod
Hex
#DAA520
RGB
rgb(218, 165, 32)
HSL
hsl(43, 74%, 49%)
DarkGoldenrod
Hex
#B8860B
RGB
rgb(184, 134, 11)
HSL
hsl(43, 89%, 38%)
Peru
Hex
#CD853F
RGB
rgb(205, 133, 63)
HSL
hsl(30, 59%, 53%)
Chocolate
Hex
#D2691E
RGB
rgb(210, 105, 30)
HSL
hsl(25, 75%, 47%)
SaddleBrown
Hex
#8B4513
RGB
rgb(139, 69, 19)
HSL
hsl(25, 76%, 31%)
Sienna
Hex
#A0522D
RGB
rgb(160, 82, 45)
HSL
hsl(19, 56%, 40%)
Brown
Hex
#A52A2A
RGB
rgb(165, 42, 42)
HSL
hsl(0, 59%, 41%)
Maroon
Hex
#800000
RGB
rgb(128, 0, 0)
HSL
hsl(0, 100%, 25%)

Color Name to Hex Converter Online

This color name to hex converter tool lets you browse all 148 CSS named colors with their hex codes, RGB values, and HSL equivalents. Search by color name, filter by category (reds, blues, greens, etc.), and copy any value with one click. Perfect for web designers and front-end developers working with CSS colors. All processing happens in your browser — your data never leaves your device.

𝕏 Twitterin LinkedIn

Rate this tool

4.1 / 5 · 164 ratings

More Tools

🎨Color Converter🎨Hex to RGB Converter🌈CSS Gradient Generator

Recommended

Tailwind UIBeautiful UI components

Stay Updated

Get weekly dev tips and new tool announcements.

No spam. Unsubscribe anytime.

Enjoy these free tools?

☕Buy Me a Coffee

FAQ

How do I convert a color name to hex?
Enter a CSS color name (e.g., 'coral', 'steelblue', 'tomato') and the tool returns the hex code (#FF7F50, #4682B4, #FF6347). All 147 CSS named colors are supported.
How many CSS named colors are there?
There are 147 CSS named colors defined in the CSS specification, from common ones (red, blue, green) to specific shades (cornflowerblue, darkolivegreen, peachpuff). Plus transparent and currentColor keywords.
Should I use color names or hex codes in CSS?
Hex codes are recommended for production CSS — they are precise, universal, and don't require memorizing names. Named colors are useful for prototyping, teaching, and code readability.