Loading
Preparing your generator page
We are loading content and tools so everything is ready to use.
We are loading content and tools so everything is ready to use.
Convert any HEX color code into the closest named color from a curated list of 40 — live swatch preview, normalized HEX, RGB values, match distance, and one-click Copy result. Built for designers, developers, and content teams documenting palettes.
Also try the Random Color Generator, Color Palette Generator, and more in Text tools.
Last updated: May 19, 2026 · Published: 2026-04-09 · Updated: 2026-05-19
Supports 3-digit and 6-digit hex values (with or without `#`).
Normalized HEX: #1E90FF
RGB: (30, 144, 255)
Closest color name: DodgerBlue (#1E90FF)
Match distance: 0.00 (lower is closer)
A HEX code to color name tool takes a hexadecimal color value and returns a human-readable label when an exact keyword match is not available. Instead of guessing names, you get the nearest match from a fixed list with a distance score so you know how close the fit is.
Paste 3- or 6-digit hex, review the swatch and RGB output, then copy a one-line summary for design specs or developer tickets. Everything runs locally in your browser.
Three steps from hex input to copy-ready color documentation.
Type in HEX color code — default #1E90FF, or paste 3- or 6-digit hex with or without #.
See the swatch, normalized HEX, RGB triplet, closest color name, reference hex, and match distance.
Click Copy result for a one-line summary in specs, tickets, or design handoff notes.
Every control in the HEX code to color name component.
Text field id hex-input, monospace font, placeholder #FF5733. Updates live on every keystroke.
Helper text: Supports 3-digit and 6-digit hex values (with or without #).
180px-wide panel uses normalized hex as backgroundColor when input is valid.
Shows uppercase 6-digit form — shorthand like #F57 expands to #FF5577.
Displays (r, g, b) integers parsed from the normalized hex value.
Named label plus reference hex from the 40-color NAMED_COLORS list.
Euclidean RGB distance to two decimals — lower means a closer named match.
Primary button copies the closest-to summary line; disabled when hex is invalid.
Secondary button sets input to #FF69B4 (HotPink) for a quick demo.
Ghost button empties input and resets copied state.
How normalization, RGB, and closest-name lookup work together.
#RGB expands each digit to a pair (#F57 → #FF5577) before matching.
Standard #RRGGBB values normalize to uppercase for consistent docs.
FF5733 and #FF5733 both work — the tool adds # when missing.
Black through MintCream — common web and UI palette names.
Compares your color to every named swatch; smallest distance wins.
When your hex equals a list entry, distance is 0.00 and the name matches exactly.
How this tool fits next to other color utilities on Muxgen.
CSS has 140+ keywords; this tool uses 40 curated names optimized for quick designer labels.
You supply the hex here; Random Color Generator invents new colors to explore.
Name one swatch at a time here; Color Palette Generator composes full harmonies.
Copy text lines for specs — Gradient Generator handles visual gradient assets.
Hex naming supports systems work; Rainbow Text Generator styles display strings.
Under ~30 often feels very close; above ~100 may warrant checking the swatch visually.
Common hex values and their list matches.
Red
Exact match — distance 0.00
DodgerBlue
Default sample — exact list hex
HotPink
Load example preset
Aligned with the HEX code to color name component.
Results update as you type — no separate Lookup button.
Curated named colors from classic web and UI vocabulary.
Instant color block so you verify the input before trusting the name.
Developer-ready (r, g, b) integers alongside normalized HEX.
Transparent scoring when the closest name is approximate.
No account; hex values never leave your browser.
Where hex-to-name mapping helps most.
Map arbitrary brand hex codes to readable names in UI specs.
Identify which named color a CSS hex is nearest during UI fixes.
Check approximate named equivalents for marketing swatches.
Use human labels in tutorials, changelogs, and accessibility write-ups.
Confirm test-environment colors align with expected named targets.
Explore how unfamiliar hex values relate to familiar color names.
Terms used in the lookup UI and results panel.
Hexadecimal notation for RGB — typically #RRGGBB or shorthand #RGB.
Uppercase 6-digit #RRGGBB form produced by the tool before display.
The list entry with minimum Euclidean distance in RGB space.
Numeric RGB distance between your color and the winning named swatch.
Red, green, blue integers 0–255 derived from the hex value.
Forty fixed reference colors (Black, DodgerBlue, HotPink, etc.) used for lookup.
Keep hex naming accurate and useful for teams.
Named matches are mathematical — your eye confirms brand intent.
Copy the uppercase 6-digit form for consistent design-system docs.
Include match distance when the closest name is only approximate.
Choosing colors from the 40 references yields 0.00 distance and exact names.
Generate harmonies first, then name each stop with this lookup.
Named labels supplement — they do not replace official brand guidelines.
Habits that pair with live preview and Copy result.
#FF69B4 demonstrates HotPink with a zero-distance exact match.
Figma and browser devtools hex values work with or without #.
#03F becomes #0033FF — the tool handles expansion automatically.
One-line summaries read better than raw hex in team channels.
Run each brand variant separately and compare distances.
Avoid carrying the previous hex into a new lookup session.
Hex formats, 40 named colors, RGB distance, Copy result, Load example, and browser-only privacy.
Explore more tools in the directory.
Generate random HEX, RGB, and HSL swatches — pair with this tool to name outputs.
Build harmonious palettes, then look up readable names for each hex.
Design multi-stop gradients and document endpoint colors by name.
Colorful Unicode text styles for social posts alongside palette work.
Six Unicode text styles for captions that reference your brand colors.
Another developer-friendly text converter in the same Text Tools category.