Color Information
NewGet complete color info: HEX, RGB, HSL, HSV, CMYK, and color harmonies.
Color Input
HEX, RGB, HSL, HSV, CMYK, or named CSS colors.
Swatch
Formats
Click any copy button.
Shades
10 lighter + 10 darkerColor Harmonies
Frequently Asked Questions
What color formats can I paste into this tool?
It accepts values the browser can parse, like hex, rgb(), rgba(), hsl(), hsla(), and named CSS colors, plus custom hsv(...) and cmyk(...) input. If none of those parse, the tool shows a parse error instead of guessing.
Why does the “CSS named” field show a dash instead of a color name?
That field only fills when the final RGB value exactly matches one of the built-in CSS named colors and the alpha is 1. Transparent colors and near-matches stay as —.
Does this handle transparency?
Yes for browser-parsed colors like rgba() and hsla(), and you will see RGBA and HSLA output. The HSV and CMYK views are still calculated from RGB and do not expose alpha as a separate channel.
How are the shades and harmony palettes calculated?
Shades are generated by adjusting HSL lightness in 5% steps, 10 lighter and 10 darker. Harmonies use hue offsets for complementary, analogous, triadic, and tetradic sets.
Why won’t it parse my Lab or OKLCH color?
This tool does not implement Lab or OKLCH parsing. It is limited to browser-supported color parsing plus the explicit HSV and CMYK patterns in the component.