What is a HEX color code?

HEX color codes are 6-digit hexadecimal numbers representing RGB colors. They start with # followed by 6 characters (0-9, A-F). For example, #FF0000 is red. The first two digits represent red, middle two green, and last two blue.

What is the difference between HEX, RGB, and HSL?

HEX is hexadecimal notation (#RRGGBB), RGB uses decimal values for red, green, blue (0-255), and HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%). They all represent the same colors but in different formats.

Are these colors web-safe?

Most modern browsers support all colors. The term "web-safe" refers to 216 colors that displayed consistently across old browsers. Today, all 16.7 million colors are supported by modern browsers.

Can I use these color codes in CSS?

Yes! All color codes work in CSS. You can use HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(9, 100%, 60%)), or named colors (red, blue, etc.).

How do I copy a color code?

Click on any color swatch to copy its HEX code. Use the format buttons (HEX, RGB, HSL) to copy specific formats. A confirmation message will appear when copied.

What are named HTML colors?

Named colors are predefined color keywords in HTML/CSS like "red", "blue", "coral", etc. There are 140 named colors that can be used instead of HEX or RGB codes.

Can I use these colors in design tools?

Yes! Most design tools (Figma, Adobe XD, Sketch, etc.) support HEX, RGB, and HSL color codes. Copy the code and paste it into your design tool's color picker.

Is my data sent to a server?

No! This tool runs entirely in your browser. No data is sent to any server. All color browsing and copying happens locally on your device.

HTML Color Code Reference

Complete HTML color code reference with HEX, RGB, HSL values. Browse web-safe colors, named colors, and copy codes instantly for web development.

Black

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

White

#FFFFFF

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Red

#FF0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Lime

#00FF00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

Blue

#0000FF

rgb(0, 0, 255)

hsl(240, 100%, 50%)

Yellow

#FFFF00

rgb(255, 255, 0)

hsl(60, 100%, 50%)

Cyan

#00FFFF

rgb(0, 255, 255)

hsl(180, 100%, 50%)

Magenta

#FF00FF

rgb(255, 0, 255)

hsl(300, 100%, 50%)

Silver

#C0C0C0

rgb(192, 192, 192)

hsl(0, 0%, 75%)

Gray

#808080

rgb(128, 128, 128)

hsl(0, 0%, 50%)

Maroon

#800000

rgb(128, 0, 0)

hsl(0, 100%, 25%)

Olive

#808000

rgb(128, 128, 0)

hsl(60, 100%, 25%)

Green

#008000

rgb(0, 128, 0)

hsl(120, 100%, 25%)

Purple

#800080

rgb(128, 0, 128)

hsl(300, 100%, 25%)

Teal

#008080

rgb(0, 128, 128)

hsl(180, 100%, 25%)

Navy

#000080

rgb(0, 0, 128)

hsl(240, 100%, 25%)

IndianRed

#CD5C5C

rgb(205, 92, 92)

hsl(0, 53%, 58%)

LightCoral

#F08080

rgb(240, 128, 128)

hsl(0, 79%, 72%)

Salmon

#FA8072

rgb(250, 128, 114)

hsl(6, 93%, 71%)

DarkSalmon

#E9967A

rgb(233, 150, 122)

hsl(15, 72%, 70%)

LightSalmon

#FFA07A

rgb(255, 160, 122)

hsl(17, 100%, 74%)

Crimson

#DC143C

rgb(220, 20, 60)

hsl(348, 83%, 47%)

FireBrick

#B22222

rgb(178, 34, 34)

hsl(0, 68%, 42%)

DarkRed

#8B0000

rgb(139, 0, 0)

hsl(0, 100%, 27%)

Orange

#FFA500

rgb(255, 165, 0)

hsl(39, 100%, 50%)

DarkOrange

#FF8C00

rgb(255, 140, 0)

hsl(33, 100%, 50%)

Coral

#FF7F50

rgb(255, 127, 80)

hsl(16, 100%, 66%)

Tomato

#FF6347

rgb(255, 99, 71)

hsl(9, 100%, 64%)

OrangeRed

#FF4500

rgb(255, 69, 0)

hsl(16, 100%, 50%)

Gold

#FFD700

rgb(255, 215, 0)

hsl(51, 100%, 50%)

LightYellow

#FFFFE0

rgb(255, 255, 224)

hsl(60, 100%, 94%)

LemonChiffon

#FFFACD

rgb(255, 250, 205)

hsl(54, 100%, 90%)

PapayaWhip

#FFEFD5

rgb(255, 239, 213)

hsl(37, 100%, 92%)

Moccasin

#FFE4B5

rgb(255, 228, 181)

hsl(38, 100%, 85%)

PeachPuff

#FFDAB9

rgb(255, 218, 185)

hsl(28, 100%, 86%)

Khaki

#F0E68C

rgb(240, 230, 140)

hsl(54, 77%, 75%)

DarkKhaki

#BDB76B

rgb(189, 183, 107)

hsl(56, 38%, 58%)

GreenYellow

#ADFF2F

rgb(173, 255, 47)

hsl(84, 100%, 59%)

Chartreuse

#7FFF00

rgb(127, 255, 0)

hsl(90, 100%, 50%)

LawnGreen

#7CFC00

rgb(124, 252, 0)

hsl(90, 100%, 49%)

LimeGreen

#32CD32

rgb(50, 205, 50)

hsl(120, 61%, 50%)

PaleGreen

#98FB98

rgb(152, 251, 152)

hsl(120, 93%, 79%)

LightGreen

#90EE90

rgb(144, 238, 144)

hsl(120, 73%, 75%)

MediumSpringGreen

#00FA9A

rgb(0, 250, 154)

hsl(157, 100%, 49%)

SpringGreen

#00FF7F

rgb(0, 255, 127)

hsl(150, 100%, 50%)

SeaGreen

#2E8B57

rgb(46, 139, 87)

hsl(146, 50%, 36%)

ForestGreen

#228B22

rgb(34, 139, 34)

hsl(120, 61%, 34%)

DarkGreen

#006400

rgb(0, 100, 0)

hsl(120, 100%, 20%)

Aqua

#00FFFF

rgb(0, 255, 255)

hsl(180, 100%, 50%)

LightCyan

#E0FFFF

rgb(224, 255, 255)

hsl(180, 100%, 94%)

PaleTurquoise

#AFEEEE

rgb(175, 238, 238)

hsl(180, 65%, 81%)

Aquamarine

#7FFFD4

rgb(127, 255, 212)

hsl(160, 100%, 75%)

Turquoise

#40E0D0

rgb(64, 224, 208)

hsl(174, 72%, 56%)

DarkTurquoise

#00CED1

rgb(0, 206, 209)

hsl(181, 100%, 41%)

CadetBlue

#5F9EA0

rgb(95, 158, 160)

hsl(182, 25%, 50%)

SteelBlue

#4682B4

rgb(70, 130, 180)

hsl(207, 44%, 49%)

LightSteelBlue

#B0C4DE

rgb(176, 196, 222)

hsl(214, 41%, 78%)

PowderBlue

#B0E0E6

rgb(176, 224, 230)

hsl(187, 52%, 80%)

LightBlue

#ADD8E6

rgb(173, 216, 230)

hsl(195, 53%, 79%)

SkyBlue

#87CEEB

rgb(135, 206, 235)

hsl(197, 71%, 73%)

LightSkyBlue

#87CEFA

rgb(135, 206, 250)

hsl(203, 92%, 75%)

DeepSkyBlue

#00BFFF

rgb(0, 191, 255)

hsl(195, 100%, 50%)

DodgerBlue

#1E90FF

rgb(30, 144, 255)

hsl(210, 100%, 56%)

CornflowerBlue

#6495ED

rgb(100, 149, 237)

hsl(219, 79%, 66%)

RoyalBlue

#4169E1

rgb(65, 105, 225)

hsl(225, 73%, 57%)

MediumBlue

#0000CD

rgb(0, 0, 205)

hsl(240, 100%, 40%)

DarkBlue

#00008B

rgb(0, 0, 139)

hsl(240, 100%, 27%)

MidnightBlue

#191970

rgb(25, 25, 112)

hsl(240, 64%, 27%)

Lavender

#E6E6FA

rgb(230, 230, 250)

hsl(240, 67%, 94%)

Thistle

#D8BFD8

rgb(216, 191, 216)

hsl(300, 24%, 80%)

Plum

#DDA0DD

rgb(221, 160, 221)

hsl(300, 47%, 75%)

Violet

#EE82EE

rgb(238, 130, 238)

hsl(300, 76%, 72%)

Orchid

#DA70D6

rgb(218, 112, 214)

hsl(302, 59%, 65%)

Fuchsia

#FF00FF

rgb(255, 0, 255)

hsl(300, 100%, 50%)

MediumOrchid

#BA55D3

rgb(186, 85, 211)

hsl(288, 59%, 58%)

MediumPurple

#9370DB

rgb(147, 112, 219)

hsl(260, 60%, 65%)

BlueViolet

#8A2BE2

rgb(138, 43, 226)

hsl(271, 76%, 53%)

DarkViolet

#9400D3

rgb(148, 0, 211)

hsl(282, 100%, 41%)

DarkOrchid

#9932CC

rgb(153, 50, 204)

hsl(280, 61%, 50%)

DarkMagenta

#8B008B

rgb(139, 0, 139)

hsl(300, 100%, 27%)

Indigo

#4B0082

rgb(75, 0, 130)

hsl(275, 100%, 25%)

Pink

#FFC0CB

rgb(255, 192, 203)

hsl(350, 100%, 88%)

LightPink

#FFB6C1

rgb(255, 182, 193)

hsl(351, 100%, 86%)

HotPink

#FF69B4

rgb(255, 105, 180)

hsl(330, 100%, 71%)

DeepPink

#FF1493

rgb(255, 20, 147)

hsl(328, 100%, 54%)

MediumVioletRed

#C71585

rgb(199, 21, 133)

hsl(322, 81%, 43%)

PaleVioletRed

#DB7093

rgb(219, 112, 147)

hsl(340, 60%, 65%)

Cornsilk

#FFF8DC

rgb(255, 248, 220)

hsl(48, 100%, 93%)

BlanchedAlmond

#FFEBCD

rgb(255, 235, 205)

hsl(36, 100%, 90%)

Bisque

#FFE4C4

rgb(255, 228, 196)

hsl(33, 100%, 88%)

NavajoWhite

#FFDEAD

rgb(255, 222, 173)

hsl(36, 100%, 84%)

Wheat

#F5DEB3

rgb(245, 222, 179)

hsl(39, 77%, 83%)

BurlyWood

#DEB887

rgb(222, 184, 135)

hsl(34, 57%, 70%)

Tan

#D2B48C

rgb(210, 180, 140)

hsl(34, 44%, 69%)

RosyBrown

#BC8F8F

rgb(188, 143, 143)

hsl(0, 25%, 65%)

SandyBrown

#F4A460

rgb(244, 164, 96)

hsl(28, 87%, 67%)

Goldenrod

#DAA520

rgb(218, 165, 32)

hsl(43, 74%, 49%)

Peru

#CD853F

rgb(205, 133, 63)

hsl(30, 59%, 53%)

Chocolate

#D2691E

rgb(210, 105, 30)

hsl(25, 75%, 47%)

SaddleBrown

#8B4513

rgb(139, 69, 19)

hsl(25, 76%, 31%)

Sienna

#A0522D

rgb(160, 82, 45)

hsl(19, 56%, 40%)

Brown

#A52A2A

rgb(165, 42, 42)

hsl(0, 59%, 41%)

Gainsboro

#DCDCDC

rgb(220, 220, 220)

hsl(0, 0%, 86%)

LightGray

#D3D3D3

rgb(211, 211, 211)

hsl(0, 0%, 83%)

DarkGray

#A9A9A9

rgb(169, 169, 169)

hsl(0, 0%, 66%)

DimGray

#696969

rgb(105, 105, 105)

hsl(0, 0%, 41%)

SlateGray

#708090

rgb(112, 128, 144)

hsl(210, 13%, 50%)

LightSlateGray

#778899

rgb(119, 136, 153)

hsl(210, 14%, 53%)

DarkSlateGray

#2F4F4F

rgb(47, 79, 79)

hsl(180, 25%, 25%)

Snow

#FFFAFA

rgb(255, 250, 250)

hsl(0, 100%, 99%)

Honeydew

#F0FFF0

rgb(240, 255, 240)

hsl(120, 100%, 97%)

MintCream

#F5FFFA

rgb(245, 255, 250)

hsl(150, 100%, 98%)

Azure

#F0FFFF

rgb(240, 255, 255)

hsl(180, 100%, 97%)

AliceBlue

#F0F8FF

rgb(240, 248, 255)

hsl(208, 100%, 97%)

GhostWhite

#F8F8FF

rgb(248, 248, 255)

hsl(240, 100%, 99%)

WhiteSmoke

#F5F5F5

rgb(245, 245, 245)

hsl(0, 0%, 96%)

Seashell

#FFF5EE

rgb(255, 245, 238)

hsl(25, 100%, 97%)

Beige

#F5F5DC

rgb(245, 245, 220)

hsl(60, 56%, 91%)

OldLace

#FDF5E6

rgb(253, 245, 230)

hsl(39, 85%, 95%)

FloralWhite

#FFFAF0

rgb(255, 250, 240)

hsl(40, 100%, 97%)

Ivory

#FFFFF0

rgb(255, 255, 240)

hsl(60, 100%, 97%)

AntiqueWhite

#FAEBD7

rgb(250, 235, 215)

hsl(34, 78%, 91%)

Linen

#FAF0E6

rgb(250, 240, 230)

hsl(30, 67%, 94%)

LavenderBlush

#FFF0F5

rgb(255, 240, 245)

hsl(340, 100%, 97%)

MistyRose

#FFE4E1

rgb(255, 228, 225)

hsl(6, 100%, 94%)

125

colors

HTML Color Code Reference Tool Introduction

A comprehensive HTML color code reference featuring all standard web colors with their HEX, RGB, and HSL values. Essential for web developers, designers, and anyone working with colors in web projects.

Perfect for web developers, UI/UX designers, graphic designers, and digital artists. Quickly find and copy color codes for CSS, HTML, and design tools. Browse web-safe colors, named HTML colors, and popular color palettes.

Our color reference includes 140+ named HTML colors, web-safe color palette, and common color categories. Each color displays its HEX code, RGB values, and HSL values. Simply click any color to copy its code to your clipboard.

All colors are displayed with accurate rendering and work completely offline once loaded. No data is sent to any server.

HTML Color Code Reference User Guide

Getting Started

Using the HTML Color Code Reference is simple:

Basic Usage

Browse Colors: Scroll through color categories to see all available colors.
Search: Use the search box to find colors by name or code.
Filter by Category: Select a category to view specific color groups (reds, blues, greens, etc.).
Copy Codes: Click on any color to copy its HEX code, or click specific format buttons to copy RGB or HSL values.
View Details: Hover over colors to see their name and all format codes.

Color Formats

HEX: Hexadecimal format (e.g., #FF5733) - most common in CSS
RGB: Red, Green, Blue values (e.g., rgb(255, 87, 51))
HSL: Hue, Saturation, Lightness (e.g., hsl(9, 100%, 60%))

Color Categories

Basic Colors: Primary web colors (red, blue, green, etc.)
Reds: All shades of red
Oranges: Orange color variations
Yellows: Yellow and gold tones
Greens: Green color spectrum
Blues: Blue color variations
Purples: Purple and violet shades
Pinks: Pink color range
Browns: Brown and tan colors
Grays: Grayscale colors
Whites: White and off-white shades

Key Features

140+ Named Colors: All standard HTML/CSS named colors
Multiple Formats: HEX, RGB, and HSL values for each color
Quick Copy: One-click copy to clipboard
Category Filter: Browse colors by category
Search Function: Find colors by name or code
Visual Preview: See actual color rendering
Responsive Design: Works on all devices
Offline Support: Use without internet once loaded

Frequently Asked Questions

Related Tools

FontAwesome Icon Library

Complete FontAwesome icon reference with search, preview, and copy functionality. Browse thousands of free icons for web development and design projects.

Lucide Icon Library

Complete Lucide icon reference with search, preview, and copy functionality. Browse beautiful open-source icons for modern web development and design projects.

ASCII Keycode Reference

Complete ASCII and keyboard keycode reference table. Find character codes, key codes, and special key values for web development and programming.

MIME Type Reference

Complete MIME type and file extension reference. Find correct MIME types for file uploads, HTTP headers, and content type declarations.

Common Spider User Agents

Complete reference of common web crawler and spider user agent strings. Identify search engine bots, scrapers, and automated tools accessing your website.

Random Password Generator

Generate strong, secure random passwords with customizable length and character types. Support bulk generation and password strength analysis.