Color Name & Mixer
Map HEX / RGB values to and from common color names, and blend two colors by ratio into a new value — naming and mixing in one tool.
>_ USAGE GUIDE
Map color values to and from HEX / RGB and common color names, then blend two colors by ratio into a new value. Find out what a stray color value is called, or work out the result of mixing two colors, in one place.
Names come from the set of CSS named colors (a fixed batch of keywords), and matching is a nearest-color approximation: for a value that is not in the named set, the tool returns the visually closest name rather than claiming an exact hit, judging by color distance. Mixing is a per-channel linear RGB interpolation (additive), unlike the subtractive mixing of paint: red and green at half each come out yellowish, not the dark tone pigments would give.
- Enter a HEX / RGB value or name: any of these forms is accepted
- Read the two-way match: get the corresponding name and value
- Set a second color and ratio: define the other color and its share
- Read and copy the blended value: use the new color in your design
>_ FAQ
Q1 · How is the color name matched — is it exact?
Matching is a nearest approximation, not exact equality. CSS named colors are a fixed set of keywords, so when your value is not one of them the tool returns the closest name by color distance. "What is this value called" thus means "the closest name"; for precision, trust the HEX / RGB numbers.
Q2 · Is the blend additive or subtractive?
It is additive: each of the RGB channels is linearly interpolated and summed. Additive is the model of emitted screen light, unlike the subtractive mixing of paint and ink (CMYK). So blue and yellow at half each read as a pale gray under additive, whereas pigment would trend green — a difference between the two models, not a miscalculation.
Q3 · Does it support transparency?
Both name matching and mixing work on opaque RGB colors; alpha is not part of the name lookup nor handled separately in the blend formula. If your case needs semi-transparent compositing, treat transparency as an extra step applied on top of the result color this tool gives you.
Q4 · How does it differ from the color converter and palette tools?
They serve different purposes: the color converter (colorcv) focuses on converting between color formats, and the palette tool (palette) derives and pairs sets of colors. This tool focuses on name lookup and blending two colors by ratio. Use the converter to change formats, the palette for schemes, and this tool to name or mix two colors.
Q5 · Can it accept any input format?
Common forms are recognized: #RRGGBB and the #RGB shorthand, the rgb(...) function form, and standard color-name keywords. Stick to well-formed values to avoid parse failures from missing digits or illegal characters.