Find the name of any color by entering its HEX, RGB, HSL, LCH or OKLCH value.
Helping 30,000+ world’s greatest designers create beautiful designs.
Atmos’s toolbox
Atmos is a toolbox specialized for creating UI palettes. From finding colors, through generating shades, to fine-tuning your palette we've got you covered.
A color name finder takes a color value, such as a HEX code, RGB, HSL, LCH, or OKLCH value, and returns the closest named color. Color names come from established lists like the CSS named colors, X11 color names, or design system tokens. This is useful when you have a specific color from a design tool and want to communicate it clearly in code, documentation, or handoff notes.
Color names make it easier for humans to communicate about colors without memorizing numeric values. CSS has 140 named colors, from basic names like "red" and "blue" to more descriptive ones like "cornflowerblue" or "mediumseagreen." In design systems, teams often define their own named tokens like "brand-primary" or "danger-500" to give colors meaningful, context-aware names that are easier to use correctly than raw hex codes.
The Atmos color name finder supports HEX, RGB, HSL, LCH, and OKLCH color formats. You can paste a value in any of these formats and it will find the closest named color match. This covers the most common formats used in web design and development, including the modern perceptually uniform color spaces used in advanced design systems.
The tool calculates the perceptual distance between your input color and each color in the reference list, then returns the closest match. Perceptual distance is measured in a color space that accounts for how human eyes perceive differences, so a result that looks close to the original is preferred over one that is numerically close but visually different. This means the named result will always be the one that appears most similar to your input.
Yes, CSS supports 140 standard named colors that you can use anywhere a color value is accepted, for example, `color: cornflowerblue` or `background: tomato`. However, for production UI work, named colors are rarely used beyond prototyping because they offer no control over exact values. Design systems typically use custom properties (CSS variables) or design tokens instead, giving colors semantic names like `--color-danger` rather than raw CSS color names.