Enter any HEX, RGB, or HSL value and instantly identify your color — complete with harmonies, tints, shades, and CMYK values. The one tool for designers, architects, and creatives who need to specify with confidence.
Chromonyms is a free color name finder for designers, architects, and creatives. Enter any HEX code or RGB value and instantly discover what the color is called — chosen from a library of over 600 named colors spanning CSS4 standards, architectural terminology, and designer-favorite names like Terra Cotta, Sage Green, Prussian Blue, and Greige.
Simply type your 6-digit HEX value into the input field above (e.g. #C9A0DC for Wisteria). Chromonyms uses a perceptual color distance algorithm to match your color to the closest human-readable name — so results feel natural, not just mathematically nearest.
Every digital color can be described in several different formats, and knowing when to use each one matters for real design and development work.
HEX (short for hexadecimal) is the six-digit code most commonly used in CSS, design software, and brand guidelines — for example #4A6FA5. The first two digits control red, the middle two control green, and the last two control blue, each on a scale from 00 to FF. HEX is compact and easy to copy-paste, which is why it's the standard for web design and style guides.
RGB describes the same red, green, and blue values, but as three separate numbers from 0 to 255 instead of hex pairs — rgb(74, 111, 165) is the same color as the HEX example above. RGB is often easier to read and adjust manually, since you can see at a glance which channel is dominant, and it's the format most image-editing software reports natively.
HSL stands for Hue, Saturation, and Lightness, and it describes color the way people actually perceive it rather than how a screen renders it. Hue is the base color position on a 360° color wheel, saturation controls intensity from gray to vivid, and lightness controls how close the color sits to black or white. HSL is especially useful when you want to create a consistent palette — keeping the hue fixed while adjusting lightness gives you tints and shades that stay visually related.
Color harmonies are relationships between colors on the color wheel that tend to look pleasing together, and Chromonyms calculates several standard types automatically for every color you look up.
Complementary colors sit directly opposite each other on the color wheel (180° apart) and create strong, high-contrast pairings — think navy and orange. Analogous colors sit next to each other on the wheel and share a hue family, producing calm, cohesive palettes often seen in nature. Triadic harmonies use three colors evenly spaced around the wheel (120° apart), giving a balanced look that's vibrant without clashing — a favorite for branding that needs to feel energetic but controlled.
Alongside harmonies, Chromonyms generates tints (the color mixed toward white) and shades (the color mixed toward black), which is useful for building out a full UI color scale — button hover states, backgrounds, borders — from a single brand color.
Long before HEX codes existed, colors were named after the materials, plants, and pigments people encountered in daily life — Terra Cotta from fired clay, Sage from the herb, Prussian Blue from a pigment first synthesized in 18th-century Berlin. Named colors persist today because numbers are precise but forgettable, while a name like "Millennial Pink" or "Hague Blue" instantly communicates a mood, an era, or a reference point that a client, contractor, or teammate can picture without opening a design file. That's the gap Chromonyms is built to close — translating the exact, technical value back into the human language people actually use to talk about color.
The hex color #E2725B is Terra Cotta — a warm red-orange inspired by the fired clay used in Mediterranean architecture, pottery, and roof tiles.
Over 600 named colors, including all CSS4 named colors, common paint and pigment names, architectural color terms, and designer-culture names like Millennial Pink, Greige, and Hague Blue.
Yes — enter R, G, and B values individually in the RGB fields. Chromonyms converts them to HEX and finds the closest named color in real time.
They describe the same underlying color using different notation — HEX uses a six-digit code (e.g. #4A6FA5), while RGB uses three separate 0–255 numbers for red, green, and blue. HEX is more common in CSS and brand guides; RGB is more common in image editors and code that needs to manipulate individual color channels.
HSL (Hue, Saturation, Lightness) describes color the way people perceive it rather than how a screen mixes light. It's especially useful for building consistent palettes, since adjusting lightness alone gives you tints and shades that stay visually related to the original hue.
Chromonyms uses a perceptual color-distance algorithm rather than a simple numeric comparison, so the match reflects how the human eye actually perceives closeness between colors, not just how close the raw RGB numbers happen to be.
A complementary harmony pairs a color with the one directly opposite it on the color wheel, 180° away. These pairings create strong visual contrast and are common in branding and packaging that wants to grab attention.
Completely free, with no sign-up or account required.