Smart Deals - promotions, discount codes and sales

Color Naming Tool

Fast, accurate and free online tool to nazywania colors tool running directly in your browser.

Secure (SSL)
Client-Side Processing
100% Free
Instructions
  • 1
    Enter data
    Enter content, paste text or load a file from disk.
  • 2
    Click the button
    The tool will immediately process your data in the browser.
  • 3
    Get the result
    Copy the finished text or save the file to your device.
function runTool() {
  return "Result ready in 0.1s";
}

raw: #blue #mid #high-saturation #cool #neon #accent

Rate this tool:

Related tools

Other tools you may find useful

Color Name Generator - Identify and Name Each Hue HEX

Is #7C4DFF "Medium Slaty Violet" or "Light Lily"? The tool identifies each HEX color and matches it to the closest named color from the CSS Named Colors database, the X11 list, the Crayola dictionary and Polish color names. Useful for documenting color palettes.

color names HEX color identifier find color name color name finder

Color name database sources

CSS Named Colors (148 names): official CSS names – aqua, coral, dodgerblue. X11 Color Names (752): extended list from the X Window system. Crayola (133): crayons – Razzmatazz, Tickle Me Pink. Pantone PMS: printing standards. Wikipedia Color List: Polish names in PL localization. "Xkcd Color Survey" (954): names given by 200,000 Internet users.

How base matching works

HEX to LAB (perceptually uniform) color space. Calculation of the distance ΔE (Delta-E) to each color in the database. Lowest ΔE = most similar name. ΔE < 1: virtually identical. ΔE 1-3: barely noticeable difference. ΔE > 10: clear difference.

Polish color names

Basic: red, blue, green, yellow, purple, orange, pink, brown, gray, white, black. Extended: magenta, scarlet, amaranth, burgundy, turquoise, emerald, cobalt, navy blue, olive, beige, sand, salmon, coral. Fashion and design: ecru, taupe, greige (gray-beige), mauve (dirty purple).

Professional uses

Documenting the design palette with clear names. Communication with the customer (instead of HEX - "dark bottle green"). Selection of paints (RAL, NCS) based on HEX. Export to Figma: Style Dictionary generates token names. Brand book: translating hex into human names.

FAQ

Why can the same color have multiple names?

No global standard for color names. Different cultures have different numbers of basic color categories (e.g. languages ​​with 2-11 basic names). Crayola comes up with poetic names (Maroon 5 → "Brick Red"). CSS has defined 148 names historically - some are computer terms not used today (khaki, peru, bisque).

What is ΔE and how to interpret it?

ΔE (Delta-E) measures the perceptual difference between colors in LAB space. CIE76: simplest (only Euclidean distance in LAB). CIEDE2000: takes into account non-linearities of perception, more precise. ΔE < 2: practically indistinguishable colors. ΔE 2-10: visible difference but the same "type" of color.

How does color perception work in humans?

Retinal cones: L (red, ~560nm), M (green, ~530nm), S (blue, ~430nm). The signal is converted into channels: achromatic (brightness), red-green, yellow-blue. Hence, LAB/LCH spaces model perception through these channels. Color blindness: absence or dysfunction of one type of cones.

How do color names vary between cultures?

English has separate words for "blue" and "green". Russian has separate words for light blue (goluboy) and dark blue (siniy). The Japanese "aoi" meant both (green and blue) historically. Pirahã (Amazon): only 2 color categories (dark/light). Study: Regier & Kay 2009 – "Basic Color Terms".

How to create names for design tokens?

Convention 1: descriptive name (color-primary-500, color-neutral-200). Convention 2: contextual (color-button-background, color-text-muted). Convention 3: human name + number (cobalt-500). Style Dictionary (Amazon): Automatically generate token names from palettes. Figma Variables: the latest standard.

Related tools: HEX to HSL converter, color palette generator and col

Install Webp.pl Have the tools in your own pocket!