Color Name & Nearest Color Finder
Color Name & Nearest Color Finder helps you find the name of a color that is closest to the one you enter, or look up a color from its name. Type a HEX value like #FF6347 or rgb(255, 99, 71) and it lists the closest CSS named colors (web color names) in order, each with its HEX value and a closeness score (ΔE). Type a color name like tomato and it instantly shows that color's HEX and RGB.
Enter a HEX, RGB, or HSL code to find the closest color names, or a color name to see its color.
Closest CSS color names
- dodgerblueExact match#1E90FF · ΔE 0.000
- cornflowerblue#6495ED · ΔE 0.059
- royalblue#4169E1 · ΔE 0.102
- steelblue#4682B4 · ΔE 0.113
- mediumslateblue#7B68EE · ΔE 0.117
- deepskyblue#00BFFF · ΔE 0.127
- mediumpurple#9370DB · ΔE 0.135
- slateblue#6A5ACD · ΔE 0.149
“ΔE” is a perceptual closeness measure in the OKLab color space (smaller is closer). It is an approximation, not CIE ΔE2000.
Runs entirely in your browser. The colors you enter are never sent to any server.
Related Tools
Color Picker
Pick colors from an image and get the HEX, RGB, or HSL code. Zoom in with the loupe for pixel-level accuracy and export your palette. Free, no signup.
- Design & Color
- Productivity
Color Palette Extractor
Extract dominant colors from images and build a palette with HEX/RGB/HSL, color shares and 4–12 colors. Export to CSS/SCSS/Tailwind/JSON — all in your browser.
- Extraction
- Design & Color
Color Palette Generator
Free color palette generator. Pick one base color to generate complementary, analogous, triadic, and other color schemes from color theory. Export as CSS variables, Tailwind, SCSS, or JSON. Runs entirely in your browser.
- Generator
- Design & Color
Color Code Converter
Convert color codes between HEX, RGB, HSL, HSV, and OKLCH, with alpha and a CMYK reference. Copy any format in one click. Runs entirely in your browser.
- Converter
- Design & Color
Contrast Checker
Check color contrast against WCAG 2.1 / 2.2 AA and AAA, with passing-color suggestions, color-blindness simulation, and APCA. Runs entirely in your browser.
- Checker
- Design & Color
- Accessibility
CSS Gradient Generator
Free CSS gradient generator for linear, radial, and conic gradients. Adjust colors, angle, and alpha, then copy as CSS, Tailwind, or SCSS. Runs in your browser.
- Generator
- Development
- Design & Color
About Color Name & Nearest Color Finder
Color Name & Nearest Color Finder helps you find the name of a color that is closest to the one you enter, or look up a color from its name. Type a HEX value like #FF6347 or rgb(255, 99, 71) and it lists the closest CSS named colors (web color names) in order, each with its HEX value and a closeness score (ΔE). Type a color name like tomato and it instantly shows that color's HEX and RGB.
Whenever you wonder "what color is this hex" or "what is the name of this color", this tool covers hex color name lookup, rgb to color name, and color name from hex in one place. It is handy when you want to write CSS using a named color, or simply give a color an easy-to-share name.
Instead of a plain numeric difference, distances are measured in the perceptual OKLab color space, so the colors that look closest to the human eye rank at the top. The single input accepts either a color code or a color name—no need to choose a format first. You can also pick a color with the native color picker, or choose from the full list of named colors.
Everything runs entirely in your browser; the colors you enter are never sent to any server. No sign-up and no installation—just open it and start searching.
How to use
- Paste a HEX, RGB, or HSL color code into the input field (the format is detected automatically). You can also pick a color with the color picker.
- The closest CSS color names appear in order of similarity. If a name matches exactly, an “Exact match” badge is shown.
- Use the copy buttons to copy the color name or HEX value into your CSS or design tool.
- To look up a color by name, type a color name (e.g. tomato) and the tool shows its HEX and RGB.
- Open “Browse named colors” to pick from the full list of CSS color names.
Use cases
- Web designers who want a clear color name (a hex color name) close to a HEX from a mockup.
- Coders who prefer to set the CSS color property with a named color instead of a raw value.
- Developers checking what color names like tomato or teal actually look like in HEX and RGB.
- Designers and directors who want to give a brand color or a picked color a shareable name.
- Anyone who needs the nearest color name or a quick rgb to color name lookup.
Notes
- Color names cover the 148 standardized CSS named colors (web color names). Because the names are CSS keywords, they are always shown in English in every language.
- The closeness score “ΔE” is a Euclidean distance in the perceptual OKLab color space. It differs from the CIE ΔE2000 used in print and is intended as a guide to the ranking order.
- Synonyms that point to the same color (aqua and cyan, gray and grey) are collapsed by HEX into a single entry in the nearest-color results. Reverse lookup and the full list keep every name.
- Searching and matching happen entirely in your browser; the colors you enter are never sent anywhere.