Color name finder for HEX, RGB, RGBA, HSL, or a color picker. Find the closest CSS-named match and copy the color codes you need.
The Color Name Finder matches color codes to readable names. CSS defines about 148 named colors (from aliceblue to yellowgreen), but a color code may fall between those named shades. Use the closest CSS name or extended description when discussing a color, writing design tokens, or documenting a palette.
Pick a color with the visual picker or paste a code in any common format (#ff5733, rgb(255, 87, 51), rgba(...), hsl(...), or a named color like tomato). The tool returns: the closest CSS-named color (e.g. tomato), an extended descriptor (e.g. "vivid orange-red"), the distance from the named match, and color codes you can copy.
Closest CSS named color: one of the ~148 names browsers natively understand
Extended descriptive name: "muted teal", "vivid magenta", "warm gray", etc.
Perceptual distance: how far your color is from its nearest name (low = exact match)
HEX: #FF5733
RGB: rgb(255, 87, 51)
RGBA: with opacity control
HSL: hsl(11, 100%, 60%)
HSV: for digital painting and color theory
CMYK: approximate, for print-design reference
OKLCH: modern wide-gamut format used in CSS Color Module Level 4
Visual color picker + eyedropper (supported browsers)
Detects the input color format automatically
Searches the full set of 148 CSS named colors plus an extended descriptor library
Uses perceptual Delta-E distance rather than raw RGB distance to compare colors
One-click copy for every output format
Shows neighbouring named colors (with their distance) for design reference
Dark mode that follows your system preference
Pick a color with the picker, paste a code, or click the eyedropper to sample from your screen.
The closest named match appears with the perceptual distance.
Browse the alternate format strip to copy in HEX, RGB, HSL, OKLCH, etc.
Scroll the "near matches" strip for related named colors you might prefer.
Use color names and codes for these design tasks:
CSS / design tokens: using tomato in code is more readable than #FF6347; the tool tells you whether your hex is close enough to a named color to refer to it that way.
Brand consistency reviews: comparing a screenshot color against your brand palette to flag drift.
Print & merchandise design: finding the closest standard color name when emailing a vendor.
Design documentation: "the navigation uses muted teal" is clearer than a hex code in a Notion doc or PRD.
Accessibility writing: describing color choices in alt text or product copy ("dark forest green button").
Color theory learning: understanding why #FF5733 reads as "orange-red" and not "red" or "orange".
Email signatures & presentations: quickly converting between HEX (for HTML email) and RGB (for PowerPoint) without remembering the math.
The tool uses Delta-E (CIE 2000) to compare colors rather than simple RGB distance. Read the distance alongside the name to judge how close the match is. HEX, RGB, HSL, HSV, CMYK, and OKLCH outputs let you copy the format your project uses.
148 standard CSS named colors (the official W3C list browsers natively support) plus a curated extended descriptor library that adds names like "muted teal", "warm gray", "vivid magenta", and "dusty rose" for shades the official list doesn't cover.
The tool returns the closest name. The "perceptual distance" shows how close the match is. Distance close to zero means it's effectively that color; a high distance means your color is between two named colors with no perfect match.
OKLCH is a perceptually uniform color space defined in CSS Color Module Level 4. Equal numerical differences in OKLCH correspond to roughly equal perceived differences. This can help when comparing colors or building palettes.
Both describe colors by hue, but HSL uses lightness (50% = pure color, 100% = white) while HSV uses value (100% = pure color, 0% = black). HSL is friendlier for picking text vs. background; HSV is preferred by digital painters.
The CMYK output is an approximation for screen reference only. True print conversion depends on the printer profile, paper stock, and ink set: always verify with your printer's color profile before press.
Yes: the picker has an alpha channel slider, and RGBA / HSLA outputs include opacity. The named match is computed from the underlying RGB color, not the alpha.
How to Use Color Name Finder - HEX and RGB to Named Colors
Paste a HEX, RGB, RGBA, or HSL code, or choose a color with the picker. Use the eyedropper if your browser supports it.
Check the suggested color name and its perceptual distance. Browse the nearby named colors to compare alternatives.
Choose the output format you need, such as HEX, RGB, HSL, or OKLCH, and use its copy control.
Color name finder for HEX, RGB, RGBA, HSL, or a color picker. Find the closest CSS-named match and copy the color codes you need.
Tool Use:
622Added:
Jun 10, 2026Type:
Free ToolPrivacy:
Client SideChoose a color, adjust its red, green, blue, and alpha values, then copy it.
Hex to RGBA converter for CSS colors. Enter a HEX or RGBA value in its corresponding field, review the output, and check transparency in the destination.
Choose a color and copy its HEX, RGB, or HSL value.
Color contrast checker for foreground and background colors. Review the contrast ratio, AA and AAA text thresholds, and the visual preview.