Skip to main content
CoolColor Space

Color Format Identifier

Detect and learn about any color format

Enter Color

Try: #FF5733, rgb(255, 87, 51), hsl(11, 100%, 60%), oklch(0.97 0.01 244), hwb(208 94% 0%), tomato

Supported Color Formats

Colors can be represented in many formats. Each format has its own use cases and advantages. This tool automatically detects which format you're using and provides detailed information about it.

  • Basic: HEX, RGB/RGBA, HSL/HSLA, CMYK
  • Modern CSS: OKLCH, OKLAB, HWB
  • CIE Spaces: LAB, LCH, XYZ
  • Other: HSV, Named Colors
  • Wide Gamut: Display P3, Rec2020, ProPhoto

Enter a color to identify its format

Frequently Asked Questions

How can I tell a HEX color code from an RGB one?
A HEX code is a # followed by 3, 4, 6 or 8 characters from 0–9 and A–F, for example #FF5733. An RGB code gives three numbers from 0 to 255, usually written rgb(255, 87, 51). Paste either one here: the identifier names the format and shows the same color in the other formats. A HEX code without the # (FF5733) is also read as HEX, and three plain numbers such as 18 52 86 are read as RGB.
What is an 8-digit HEX code?
The last two characters are the alpha channel, the opacity: 00 is fully transparent and FF is fully opaque, so #FF573380 is #FF5733 at about 50% opacity. #F538 is the short 4-digit form. The identifier recognizes both as HEX and keeps the transparency in the HEX, RGBA and HSLA rows. The other formats, and the preview swatch, show the solid color.
What if my color code is not recognized?
The panel then keeps saying "Enter a color to identify its format". Check that the code is complete: a HEX code has 3, 4, 6 or 8 characters from 0–9 and A–F, brackets are closed, cmyk() has four values. The identifier reads HEX, rgb() and rgba(), hsl() and hsla(), hwb(), lab(), lch(), oklab(), oklch(), color() with srgb, srgb-linear, display-p3, a98-rgb, rec2020, prophoto-rgb, xyz-d65 or xyz-d50, cmyk(), hsv() or hsb() with percentages, three numbers from 0 to 255, and CSS color names, also written as words (light blue).
Can I paste a CSS color name like tomato?
Yes. The identifier knows all 148 named colors of CSS, from aliceblue to yellowgreen, including rebeccapurple and both the gray and grey spellings, in any letter case and with or without spaces (Light Blue works). It shows the name's HEX, RGB, HSL and other values. When a code you paste matches a named color exactly, for example #FF6347, the list also shows its name (tomato).
Which formats does it convert the color to?
HEX, RGB, RGBA, HSL, HSLA, CMYK, HWB, OKLCH, OKLAB, LAB, LCH, XYZ, HSV, Display P3, Rec2020 and ProPhoto RGB, plus the CSS name when the color has one, each with a Copy button. CMYK is calculated with the simple formula, without a print profile, so treat it as a starting point for print.