HEX, RGB, and HSL — pick colors without an app

Design and front-end work constantly bounce between HEX (#0f766e), RGB (red/green/blue 0–255), and HSL (hue, saturation, lightness). Installing another desktop app for a quick conversion is overkill when the browser can do it locally.

Which format when?

HEX is compact and common in CSS and design tokens. RGB matches how many graphics APIs think about color. HSL is practical when you want to lighten or desaturate a brand color without guessing a new HEX from scratch.

A simple workflow

1. Open the Color Picker and choose a color visually, or paste an existing HEX.
2. Adjust RGB or HSL fields if you need a precise tweak.
3. Copy HEX, RGB, or HSL into your stylesheet, Figma note, or brand guide.

Privacy note

Conversion stays on your device — we do not upload the colors you try. Short HEX like #0f7 expands to six digits automatically.