Color Name to Hex Converter - Free Online 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

RGBrgb(205, 92, 92)

HSLhsl(0, 53%, 58%)

LightCoral

Hex#F08080

RGBrgb(240, 128, 128)

HSLhsl(0, 79%, 72%)

Salmon

Hex#FA8072

RGBrgb(250, 128, 114)

HSLhsl(6, 93%, 71%)

DarkSalmon

Hex#E9967A

RGBrgb(233, 150, 122)

HSLhsl(15, 72%, 70%)

LightSalmon

Hex#FFA07A

RGBrgb(255, 160, 122)

HSLhsl(17, 100%, 74%)

Crimson

Hex#DC143C

RGBrgb(220, 20, 60)

HSLhsl(348, 83%, 47%)

Red

Hex#FF0000

RGBrgb(255, 0, 0)

HSLhsl(0, 100%, 50%)

FireBrick

Hex#B22222

RGBrgb(178, 34, 34)

HSLhsl(0, 68%, 42%)

DarkRed

Hex#8B0000

RGBrgb(139, 0, 0)

HSLhsl(0, 100%, 27%)

Pink

Hex#FFC0CB

RGBrgb(255, 192, 203)

HSLhsl(350, 100%, 88%)

LightPink

Hex#FFB6C1

RGBrgb(255, 182, 193)

HSLhsl(351, 100%, 86%)

HotPink

Hex#FF69B4

RGBrgb(255, 105, 180)

HSLhsl(330, 100%, 71%)

DeepPink

Hex#FF1493

RGBrgb(255, 20, 147)

HSLhsl(328, 100%, 54%)

MediumVioletRed

Hex#C71585

RGBrgb(199, 21, 133)

HSLhsl(322, 81%, 43%)

PaleVioletRed

Hex#DB7093

RGBrgb(219, 112, 147)

HSLhsl(340, 60%, 65%)

Coral

Hex#FF7F50

RGBrgb(255, 127, 80)

HSLhsl(16, 100%, 66%)

Tomato

Hex#FF6347

RGBrgb(255, 99, 71)

HSLhsl(9, 100%, 64%)

OrangeRed

Hex#FF4500

RGBrgb(255, 69, 0)

HSLhsl(16, 100%, 50%)

DarkOrange

Hex#FF8C00

RGBrgb(255, 140, 0)

HSLhsl(33, 100%, 50%)

Orange

Hex#FFA500

RGBrgb(255, 165, 0)

HSLhsl(39, 100%, 50%)

Gold

Hex#FFD700

RGBrgb(255, 215, 0)

HSLhsl(51, 100%, 50%)

Yellow

Hex#FFFF00

RGBrgb(255, 255, 0)

HSLhsl(60, 100%, 50%)

LightYellow

Hex#FFFFE0

RGBrgb(255, 255, 224)

HSLhsl(60, 100%, 94%)

LemonChiffon

Hex#FFFACD

RGBrgb(255, 250, 205)

HSLhsl(54, 100%, 90%)

LightGoldenrodYellow

Hex#FAFAD2

RGBrgb(250, 250, 210)

HSLhsl(60, 80%, 90%)

PapayaWhip

Hex#FFEFD5

RGBrgb(255, 239, 213)

HSLhsl(37, 100%, 92%)

Moccasin

Hex#FFE4B5

RGBrgb(255, 228, 181)

HSLhsl(38, 100%, 85%)

PeachPuff

Hex#FFDAB9

RGBrgb(255, 218, 185)

HSLhsl(28, 100%, 86%)

PaleGoldenrod

Hex#EEE8AA

RGBrgb(238, 232, 170)

HSLhsl(55, 67%, 80%)

Khaki

Hex#F0E68C

RGBrgb(240, 230, 140)

HSLhsl(54, 77%, 75%)

DarkKhaki

Hex#BDB76B

RGBrgb(189, 183, 107)

HSLhsl(56, 38%, 58%)

Lavender

Hex#E6E6FA

RGBrgb(230, 230, 250)

HSLhsl(240, 67%, 94%)

Thistle

Hex#D8BFD8

RGBrgb(216, 191, 216)

HSLhsl(300, 24%, 80%)

Plum

Hex#DDA0DD

RGBrgb(221, 160, 221)

HSLhsl(300, 47%, 75%)

Violet

Hex#EE82EE

RGBrgb(238, 130, 238)

HSLhsl(300, 76%, 72%)

Orchid

Hex#DA70D6

RGBrgb(218, 112, 214)

HSLhsl(302, 59%, 65%)

Fuchsia

Hex#FF00FF

RGBrgb(255, 0, 255)

HSLhsl(300, 100%, 50%)

Magenta

Hex#FF00FF

RGBrgb(255, 0, 255)

HSLhsl(300, 100%, 50%)

MediumOrchid

Hex#BA55D3

RGBrgb(186, 85, 211)

HSLhsl(288, 59%, 58%)

MediumPurple

Hex#9370DB

RGBrgb(147, 112, 219)

HSLhsl(260, 60%, 65%)

RebeccaPurple

Hex#663399

RGBrgb(102, 51, 153)

HSLhsl(270, 50%, 40%)

BlueViolet

Hex#8A2BE2

RGBrgb(138, 43, 226)

HSLhsl(271, 76%, 53%)

DarkViolet

Hex#9400D3

RGBrgb(148, 0, 211)

HSLhsl(282, 100%, 41%)

DarkOrchid

Hex#9932CC

RGBrgb(153, 50, 204)

HSLhsl(280, 61%, 50%)

DarkMagenta

Hex#8B008B

RGBrgb(139, 0, 139)

HSLhsl(300, 100%, 27%)

Purple

Hex#800080

RGBrgb(128, 0, 128)

HSLhsl(300, 100%, 25%)

Indigo

Hex#4B0082

RGBrgb(75, 0, 130)

HSLhsl(275, 100%, 25%)

SlateBlue

Hex#6A5ACD

RGBrgb(106, 90, 205)

HSLhsl(248, 53%, 58%)

DarkSlateBlue

Hex#483D8B

RGBrgb(72, 61, 139)

HSLhsl(248, 39%, 39%)

MediumSlateBlue

Hex#7B68EE

RGBrgb(123, 104, 238)

HSLhsl(249, 80%, 67%)

GreenYellow

Hex#ADFF2F

RGBrgb(173, 255, 47)

HSLhsl(84, 100%, 59%)

Chartreuse

Hex#7FFF00

RGBrgb(127, 255, 0)

HSLhsl(90, 100%, 50%)

LawnGreen

Hex#7CFC00

RGBrgb(124, 252, 0)

HSLhsl(90, 100%, 49%)

Lime

Hex#00FF00

RGBrgb(0, 255, 0)

HSLhsl(120, 100%, 50%)

LimeGreen

Hex#32CD32

RGBrgb(50, 205, 50)

HSLhsl(120, 61%, 50%)

PaleGreen

Hex#98FB98

RGBrgb(152, 251, 152)

HSLhsl(120, 93%, 79%)

LightGreen

Hex#90EE90

RGBrgb(144, 238, 144)

HSLhsl(120, 73%, 75%)

MediumSpringGreen

Hex#00FA9A

RGBrgb(0, 250, 154)

HSLhsl(157, 100%, 49%)

SpringGreen

Hex#00FF7F

RGBrgb(0, 255, 127)

HSLhsl(150, 100%, 50%)

MediumSeaGreen

Hex#3CB371

RGBrgb(60, 179, 113)

HSLhsl(147, 50%, 47%)

SeaGreen

Hex#2E8B57

RGBrgb(46, 139, 87)

HSLhsl(146, 50%, 36%)

ForestGreen

Hex#228B22

RGBrgb(34, 139, 34)

HSLhsl(120, 61%, 34%)

Green

Hex#008000

RGBrgb(0, 128, 0)

HSLhsl(120, 100%, 25%)

DarkGreen

Hex#006400

RGBrgb(0, 100, 0)

HSLhsl(120, 100%, 20%)

YellowGreen

Hex#9ACD32

RGBrgb(154, 205, 50)

HSLhsl(80, 61%, 50%)

OliveDrab

Hex#6B8E23

RGBrgb(107, 142, 35)

HSLhsl(80, 60%, 35%)

Olive

Hex#808000

RGBrgb(128, 128, 0)

HSLhsl(60, 100%, 25%)

DarkOliveGreen

Hex#556B2F

RGBrgb(85, 107, 47)

HSLhsl(82, 39%, 30%)

MediumAquamarine

Hex#66CDAA

RGBrgb(102, 205, 170)

HSLhsl(160, 51%, 60%)

DarkSeaGreen

Hex#8FBC8B

RGBrgb(143, 188, 139)

HSLhsl(115, 27%, 64%)

LightSeaGreen

Hex#20B2AA

RGBrgb(32, 178, 170)

HSLhsl(177, 70%, 41%)

DarkCyan

Hex#008B8B

RGBrgb(0, 139, 139)

HSLhsl(180, 100%, 27%)

Teal

Hex#008080

RGBrgb(0, 128, 128)

HSLhsl(180, 100%, 25%)

Aqua

Hex#00FFFF

RGBrgb(0, 255, 255)

HSLhsl(180, 100%, 50%)

Cyan

Hex#00FFFF

RGBrgb(0, 255, 255)

HSLhsl(180, 100%, 50%)

LightCyan

Hex#E0FFFF

RGBrgb(224, 255, 255)

HSLhsl(180, 100%, 94%)

PaleTurquoise

Hex#AFEEEE

RGBrgb(175, 238, 238)

HSLhsl(180, 65%, 81%)

Aquamarine

Hex#7FFFD4

RGBrgb(127, 255, 212)

HSLhsl(160, 100%, 75%)

Turquoise

Hex#40E0D0

RGBrgb(64, 224, 208)

HSLhsl(174, 72%, 56%)

MediumTurquoise

Hex#48D1CC

RGBrgb(72, 209, 204)

HSLhsl(178, 60%, 55%)

DarkTurquoise

Hex#00CED1

RGBrgb(0, 206, 209)

HSLhsl(181, 100%, 41%)

CadetBlue

Hex#5F9EA0

RGBrgb(95, 158, 160)

HSLhsl(182, 25%, 50%)

SteelBlue

Hex#4682B4

RGBrgb(70, 130, 180)

HSLhsl(207, 44%, 49%)

LightSteelBlue

Hex#B0C4DE

RGBrgb(176, 196, 222)

HSLhsl(214, 41%, 78%)

PowderBlue

Hex#B0E0E6

RGBrgb(176, 224, 230)

HSLhsl(187, 52%, 80%)

LightBlue

Hex#ADD8E6

RGBrgb(173, 216, 230)

HSLhsl(195, 53%, 79%)

SkyBlue

Hex#87CEEB

RGBrgb(135, 206, 235)

HSLhsl(197, 71%, 73%)

LightSkyBlue

Hex#87CEFA

RGBrgb(135, 206, 250)

HSLhsl(203, 92%, 75%)

DeepSkyBlue

Hex#00BFFF

RGBrgb(0, 191, 255)

HSLhsl(195, 100%, 50%)

DodgerBlue

Hex#1E90FF

RGBrgb(30, 144, 255)

HSLhsl(210, 100%, 56%)

CornflowerBlue

Hex#6495ED

RGBrgb(100, 149, 237)

HSLhsl(219, 79%, 66%)

RoyalBlue

Hex#4169E1

RGBrgb(65, 105, 225)

HSLhsl(225, 73%, 57%)

Blue

Hex#0000FF

RGBrgb(0, 0, 255)

HSLhsl(240, 100%, 50%)

MediumBlue

Hex#0000CD

RGBrgb(0, 0, 205)

HSLhsl(240, 100%, 40%)

DarkBlue

Hex#00008B

RGBrgb(0, 0, 139)

HSLhsl(240, 100%, 27%)

Navy

Hex#000080

RGBrgb(0, 0, 128)

HSLhsl(240, 100%, 25%)

MidnightBlue

Hex#191970

RGBrgb(25, 25, 112)

HSLhsl(240, 64%, 27%)

White

Hex#FFFFFF

RGBrgb(255, 255, 255)

HSLhsl(0, 0%, 100%)

Snow

Hex#FFFAFA

RGBrgb(255, 250, 250)

HSLhsl(0, 100%, 99%)

Honeydew

Hex#F0FFF0

RGBrgb(240, 255, 240)

HSLhsl(120, 100%, 97%)

MintCream

Hex#F5FFFA

RGBrgb(245, 255, 250)

HSLhsl(150, 100%, 98%)

Azure

Hex#F0FFFF

RGBrgb(240, 255, 255)

HSLhsl(180, 100%, 97%)

AliceBlue

Hex#F0F8FF

RGBrgb(240, 248, 255)

HSLhsl(208, 100%, 97%)

GhostWhite

Hex#F8F8FF

RGBrgb(248, 248, 255)

HSLhsl(240, 100%, 99%)

WhiteSmoke

Hex#F5F5F5

RGBrgb(245, 245, 245)

HSLhsl(0, 0%, 96%)

Seashell

Hex#FFF5EE

RGBrgb(255, 245, 238)

HSLhsl(25, 100%, 97%)

Beige

Hex#F5F5DC

RGBrgb(245, 245, 220)

HSLhsl(60, 56%, 91%)

OldLace

Hex#FDF5E6

RGBrgb(253, 245, 230)

HSLhsl(39, 85%, 95%)

FloralWhite

Hex#FFFAF0

RGBrgb(255, 250, 240)

HSLhsl(40, 100%, 97%)

Ivory

Hex#FFFFF0

RGBrgb(255, 255, 240)

HSLhsl(60, 100%, 97%)

AntiqueWhite

Hex#FAEBD7

RGBrgb(250, 235, 215)

HSLhsl(34, 78%, 91%)

Linen

Hex#FAF0E6

RGBrgb(250, 240, 230)

HSLhsl(30, 67%, 94%)

LavenderBlush

Hex#FFF0F5

RGBrgb(255, 240, 245)

HSLhsl(340, 100%, 97%)

MistyRose

Hex#FFE4E1

RGBrgb(255, 228, 225)

HSLhsl(6, 100%, 94%)

Gainsboro

Hex#DCDCDC

RGBrgb(220, 220, 220)

HSLhsl(0, 0%, 86%)

LightGray

Hex#D3D3D3

RGBrgb(211, 211, 211)

HSLhsl(0, 0%, 83%)

Silver

Hex#C0C0C0

RGBrgb(192, 192, 192)

HSLhsl(0, 0%, 75%)

DarkGray

Hex#A9A9A9

RGBrgb(169, 169, 169)

HSLhsl(0, 0%, 66%)

Gray

Hex#808080

RGBrgb(128, 128, 128)

HSLhsl(0, 0%, 50%)

DimGray

Hex#696969

RGBrgb(105, 105, 105)

HSLhsl(0, 0%, 41%)

LightSlateGray

Hex#778899

RGBrgb(119, 136, 153)

HSLhsl(210, 14%, 53%)

SlateGray

Hex#708090

RGBrgb(112, 128, 144)

HSLhsl(210, 13%, 50%)

DarkSlateGray

Hex#2F4F4F

RGBrgb(47, 79, 79)

HSLhsl(180, 25%, 25%)

Black

Hex#000000

RGBrgb(0, 0, 0)

HSLhsl(0, 0%, 0%)

Cornsilk

Hex#FFF8DC

RGBrgb(255, 248, 220)

HSLhsl(48, 100%, 93%)

BlanchedAlmond

Hex#FFEBCD

RGBrgb(255, 235, 205)

HSLhsl(36, 100%, 90%)

Bisque

Hex#FFE4C4

RGBrgb(255, 228, 196)

HSLhsl(33, 100%, 88%)

NavajoWhite

Hex#FFDEAD

RGBrgb(255, 222, 173)

HSLhsl(36, 100%, 84%)

Wheat

Hex#F5DEB3

RGBrgb(245, 222, 179)

HSLhsl(39, 77%, 83%)

BurlyWood

Hex#DEB887

RGBrgb(222, 184, 135)

HSLhsl(34, 57%, 70%)

Tan

Hex#D2B48C

RGBrgb(210, 180, 140)

HSLhsl(34, 44%, 69%)

RosyBrown

Hex#BC8F8F

RGBrgb(188, 143, 143)

HSLhsl(0, 25%, 65%)

SandyBrown

Hex#F4A460

RGBrgb(244, 164, 96)

HSLhsl(28, 87%, 67%)

Goldenrod

Hex#DAA520

RGBrgb(218, 165, 32)

HSLhsl(43, 74%, 49%)

DarkGoldenrod

Hex#B8860B

RGBrgb(184, 134, 11)

HSLhsl(43, 89%, 38%)

Peru

Hex#CD853F

RGBrgb(205, 133, 63)

HSLhsl(30, 59%, 53%)

Chocolate

Hex#D2691E

RGBrgb(210, 105, 30)

HSLhsl(25, 75%, 47%)

SaddleBrown

Hex#8B4513

RGBrgb(139, 69, 19)

HSLhsl(25, 76%, 31%)

Sienna

Hex#A0522D

RGBrgb(160, 82, 45)

HSLhsl(19, 56%, 40%)

Brown

Hex#A52A2A

RGBrgb(165, 42, 42)

HSLhsl(0, 59%, 41%)

Maroon

Hex#800000

RGBrgb(128, 0, 0)

HSLhsl(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.

𝕏 Twitter in LinkedIn

💬 User Feedback

Rate this tool

4.1 / 5 · 164 ratings

Stay Updated

Get weekly dev tips and new tool announcements.

No spam. Unsubscribe anytime.

Enjoy these free tools?

☕Buy Me a Coffee

How to Use Color Name to Hex Converter

Paste or upload your input data into the Color Name to Hex Converter input area
Select the desired output format or conversion options
Click Convert to transform your data instantly
Copy the converted result or download the output file

Common Use Cases

Converting color codes between hex and RGB formats
Debugging hexadecimal data in network protocols
Converting hex values for embedded systems programming
Working with hex color values in CSS and design tools

Frequently Asked Questions

Is Color Name to Hex Converter free to use?

Yes, Color Name to Hex Converter is completely free with no signup required. You can use it as many times as you need.

Is my data safe when using Color Name to Hex Converter?

Absolutely. All processing happens directly in your browser. Your data is never sent to any server or stored anywhere.

What formats does Color Name to Hex Converter support?

Color Name to Hex Converter supports the formats described above. Simply paste your input data and the tool will handle the conversion automatically.

Can I convert large files?

Yes, since all processing happens in your browser, you can convert files of any reasonable size. Very large files may take a moment to process.

Will the conversion preserve my data accurately?

Yes, the conversion is lossless and preserves all data accurately. The tool handles edge cases and special characters properly.