Color Picker — HEX, RGB, HSL Converter

The colour you picked is not necessarily the colour anyone else sees

A hex value is a set of instructions to a display, not an absolute colour. The same value renders differently across monitors depending on the panel, its calibration and its colour profile — and a phone at full brightness outdoors shows something different again from a laptop in a dim room.

Picking a colour that looks right on your screen is picking a colour that looks right on your screen. That is worth internalising before committing a value to a brand or a design system.

What follows practically

• Check on more than one device before committing. A colour chosen on a single calibrated monitor is a colour chosen for one viewer.
• Be sceptical of subtle distinctions. A pair of near-identical greys you can separate on a good panel may be indistinguishable on a cheap one — and the design that depends on telling them apart will simply fail there.
• Remember ambient light. It shifts perception more than most people expect, which is why a palette chosen at night can look wrong the next morning.

Contrast can be measured; appearance cannot

This is the useful consequence of everything above. Because rendering varies, "these look different enough" is not a judgement you can rely on. Contrast is computed from luminance and has a defined threshold, which makes it the one property you can verify rather than eyeball — check pairs with the colour contrast checker instead of trusting your eye.

The related rule: colour should never be the only carrier of meaning. A red-versus-green status dot conveys nothing to a reader with colour vision deficiency, and nothing at all in a greyscale printout. Pair it with a shape, a label or an icon so the information survives when the colour does not.

What this tool outputs

Four formats, each with its own copy button:

Selection uses the browser's native colour input, with number fields for precise RGB values clamped to 0–255. Note that HSL values are rounded to whole numbers, so a round trip through HSL and back can land a step away from where it started.

There is no eyedropper — it cannot sample a pixel from your screen or from an image. For the arithmetic of moving between formats, the HEX to RGB and HEX to HSL converters cover it properly.