Choose color

Inspect a supported colour value as RGB, HSL, HSV, CMYK approximation, brightness, and luminance.

freeworks offlinenothing uploaded
ToolColor Picker
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

The literal is parsed to sRGB and converted to several display representations. Dark classification uses the implementation’s brightness threshold of 128, while CMYK is an arithmetic approximation rather than an ICC conversion.

  • Supported literals are normalized through RGB.
  • Print appearance is not inferred.

Worked example

Inspect Coral
View all details for a coral color
Input
											#FF6B6B
Output
												Hex: #FF6B6B
RGB: rgb(255, 107, 107)
HSL: hsl(0, 100%, 71%)
HSV: hsv(0, 58%, 100%)
CMYK: cmyk(0%, 58%, 58%, 0%)
Brightness: 151 (light)
Luminance: 0.3284

When to use this

Design tools inspect CSS tokens, contrast reviews check luminance, and print mock-ups compare rough CMYK channels.

Edge cases

  • Brightness and relative luminance can disagree because their channel weights differ.
  • CMYK cannot predict print without profile, ink, and substrate.
  • A name outside the stored parser list is rejected rather than guessed.

References