148 names, 139 distinct colors
Some names share values. Aqua and cyan are identical, as are fuchsia and magenta; several gray names also have grey spellings. The grid groups these values and preserves every alias in the selected detail.
ONELESS / COLOR
CSS Color Names
CSS named colors form a small, useful vocabulary for early drafts, examples and stylesheets. This dictionary puts their swatches beside their exact values, with aliases grouped together. Search a name or HEX, change the order and browse a page at a time without losing the selected color and its copy controls.
Open CSS Color Names. JavaScript powers the workspace; the full guide is available below.
UNDERSTAND THE RESULT
Color, with a little context.
Names are case-insensitive
Search accepts uppercase or lowercase letters and matches parts of names. A complete short or full opaque HEX finds the exact named value. Unnamed HEX values do not receive an invented label.
Sorting is a coordinate choice
Name orders the primary aliases alphabetically. Hue and lightness use HSL coordinates, with alphabetical tie-breaking. This ordering is a browsing aid, not a perceptually uniform scale.
HOW TO USE IT
From a starting point to a usable result.
- Search part of a name, such as blue or grey, or enter a full HEX value such as #00FFFF.
- Choose a sort order. Browse Previous and Next; each page contains up to twelve distinct colors.
- Select a card, then select an alternate alias if shown. Copy name, HEX or RGB from the selected detail.
A WORKED EXAMPLE
Two words, one cyan swatch
Search #0FF to find the #00FFFF group. The detail shows aqua and cyan. Choose cyan and Copy name to copy that exact alias; HEX and RGB stay unchanged.
EVERYDAY USES
Make the next small decision easier.
Browse a lightweight color vocabulary
Find familiar keywords for examples and early drafts without maintaining a separate swatch chart.
Understand an unfamiliar stylesheet
Search a name from CSS and inspect its numeric value. Compare aliases before assuming different words produce different colors.
LOCAL WORKSPACE
Your work stays in this browser.
The tool processes color values locally. It does not upload the input to a processing server or save it in browser storage. Leaving or reloading the page clears the working state. Copying places the selected result on your clipboard; sharing sends only the page address without your working values.
These tools describe sRGB colors. Browser decoding, color management and the display can affect what you see; they are not an ICC proofing workflow or a print-color guarantee. Read the site privacy policy for information about the surrounding website.
KEEP IT NEARBY
One less search next time.
Press Ctrl + D on Windows or Command + D on Mac to bookmark this page. Your browser may also offer Create shortcut or Add to Home Screen. Shortcuts open the tool; they do not include your colors or images.
Choose a shortcut icon
Soft Coral
Warm Peach
Sunset Orange
OneLess Blue
Rose PinkQUESTIONS, ANSWERED
A few useful details.
Why are there fewer cards than names?
Cards represent distinct values. The 148 names contain nine duplicate values, resulting in 139 groups. Alias buttons preserve all names.
Where are transparent and currentColor?
Transparent is an alpha keyword and currentColor depends on context. Neither is an opaque named-color swatch in this dictionary.
Does searching HEX find the nearest color?
A complete HEX query finds exact matches. Use Color Name Finder for nearby candidates when your HEX is not a named value.
Do named colors guarantee readable text?
No. A name says nothing about contrast with a background. Check the actual foreground/background pair before using a color for text.
Are CSS color names case-sensitive?
CSS named colors are case-insensitive. Lowercase is a common consistent style, such as rebeccapurple or lightblue.
Can I search for a family such as blue?
Yes. Search part of a name to narrow the catalogue, then inspect the actual swatches. A similar name does not guarantee similar contrast.
Does sorting by lightness rank colors by text readability?
No. A model-based sort is a browsing aid. Readability depends on the actual foreground/background pair and text presentation.
REFERENCES
ANOTHER SMALL STEP
Keep the next tool close.
Ready for a little more color?
A small dictionary of colors, with every name in view.
Return to CSS Color Names ↑