All HTML Color Codes

Every CSS named colour with its HEX, RGB & HSL values.

A searchable list of every standard CSS named colour with a live swatch and its HEX, RGB and HSL values. Filter by colour family, search by name or colour value, and tap any value to copy it into your CSS. Runs fully in your browser — no API, nothing uploaded.

How to use All HTML Color Codes

  1. Browse the swatches

    Open this free online HTML color codes list to instantly browse every standard CSS named colour shown with a big live preview swatch and its values.

  2. Search a colour

    Type a colour name like tomato, a HEX code such as #FF0000, or any RGB or HSL value to filter the grid to the exact shade you need.

  3. Filter by family

    Use the group filter to narrow the colours by family such as reds, blues, greens or greys, making it easy to compare nearby shades.

  4. Read the values

    Check each card to read the matching HEX, RGB and HSL codes so you can pick the notation that fits your CSS or design tool.

  5. Copy the code

    Tap the swatch, HEX, RGB or HSL value to copy the colour code instantly to your clipboard, ready to paste straight into your stylesheet.

  6. Paste into your design

    Drop the copied HTML color code into your website, app or design file to apply the exact shade without any sign-up, API or uploads.

Frequently asked questions

What is an HTML color code?

An HTML colour code is a way to specify a colour in HTML and CSS. The most common form is a HEX code like #FF0000 (red), but colours can also be written as RGB — rgb(255, 0, 0) — or HSL — hsl(0, 100%, 50%). CSS also supports about 140 named colours such as red, tomato, teal and crimson, all of which are listed here with their HEX, RGB and HSL values.

How do I convert a colour name to HEX, RGB or HSL?

Search for the colour name in the grid and read the HEX, RGB and HSL values on its card — for example 'Tomato' is #FF6347, rgb(255, 99, 71) and hsl(9, 100%, 64%). You can tap any value to copy it straight into your CSS.

What is the difference between HEX, RGB and HSL?

All three describe the same colour in different notations. HEX uses a 6-digit hexadecimal value (#RRGGBB). RGB lists the red, green and blue channels from 0–255. HSL describes the colour by Hue (0–360°), Saturation and Lightness (as percentages), which is often more intuitive for tweaking shades.

How many named colours does CSS support?

CSS defines around 140 distinct named colours (plus a few aliases such as aqua/cyan, gray/grey and fuchsia/magenta). This list includes all of them, grouped into families like reds, oranges, greens, blues, purples, browns, whites and greys so you can browse by colour.

Can I copy a colour code to use in CSS?

Yes. Tap the swatch, the HEX, the RGB or the HSL value on any card and it is copied to your clipboard, ready to paste into your stylesheet, design tool or code.

Is the HTML color codes tool free to use?

Yes — it is completely free with no sign-up or limits. The full colour list and the HEX→RGB/HSL conversions run entirely in your browser from a built-in dataset, so nothing is uploaded and there are no API keys.

What is the HEX code for red, blue or green?

Pure red is #FF0000, pure blue is #0000FF and pure green is #008000 (the brighter 'lime' is #00FF00). Search any colour name in the grid to see its HEX, RGB and HSL values with a live swatch, and tap to copy the value into your CSS.

How do I use a named colour in CSS?

Just write the name as the value, e.g. color: tomato; or background: teal;. CSS recognises about 140 named colours. This list shows each name with its exact HEX/RGB/HSL so you can switch to a precise value whenever you need one.

Related tools — Color tools