HH Color Lab
All Color Names

Every color has a name.

Browse all standard color names, search by word or code, and tap any color to copy its codes. You can even find the closest name for a color of your own.

Find the name of any color

Choose a color, or type a code such as #3A86FF, and we will tell you the closest color name.

Your color
Closest name

 

All color names

Search by name or code, choose a color family, then tap a color to see all its codes.

 

How to use this tool (step by step)

Small steps, each with the reason behind it. Perfect for beginners, and a handy checklist for experts.

  1. Look for a color

    • Type a word such as blue or coral in the Search box.
    • Or type a code such as #ff0000.
    • The list shrinks to show only matches.

    Why we do this: With 140+ names it is faster to search than to scroll.

  2. Narrow down by family

    • Press a family button: Red, Orange, Yellow, Green, Blue, Purple, Pink, Brown or Gray.
    • Press All to see everything again.
    • Use Sort by to arrange them A to Z, in rainbow order, or from light to dark.

    Why we do this: Families group similar colors, so you can compare shades side by side and choose the one you like.

  3. See the details

    • Tap a color card.
    • A window opens with the HEX, RGB and HSL codes and a sample of text on that color.
    • Close it with the X button or the Esc key.

    Why we do this: A name is only a label. The codes are what a computer needs to show exactly the same color.

  4. Copy what you need

    • Press the copy button next to the code you want.
    • A message in the corner confirms it was copied.
    • Paste it into your website, document or design.

    Why we do this: Different programs ask for different formats, so we give you several.

  5. Name your own color (optional)

    • Use the box at the top: press the color square or type a code.
    • Read the closest name we found.
    • The note tells you if it is an exact match or only close.

    Why we do this: Naming a color makes it easier to talk about, for example when you explain a design to someone else.

Questions people ask

Quick answers.

What are CSS color names?

They are words such as red, tomato or cornflowerblue that every web browser understands. You can use them directly in website code instead of a code.

Why are there only about 140 names?

These are the standard names defined for the web. Other color systems, such as paint brands, have thousands of names, but they are not understood by browsers.

Is Gray the same as Grey?

Yes. Both spellings work in website code and show exactly the same color.

What if my color has no exact name?

Most colors do not. We show the closest standard name and the HEX code of that name so you can compare them.