How to Pick a Color Online - HEX, RGB, and HSL

A color picker lets you choose a color and instantly read its HEX, RGB, and HSL values. Pick a shade, copy the value into your CSS, and see matching complementary, analogous, and shade palettes. A contrast reading flags whether text on the color is readable. Everything runs in your browser, with no upload and no account.

Last reviewed: 2026-06-15

Reviewed by FreetoolOnline editorial team

Steps

1. Open the color box and pick a shade.
2. Read the HEX, RGB, and HSL values; click Copy to put one on your clipboard.
3. Use a complementary, analogous, or shade swatch as the next color by clicking it.
4. Save colors you reuse to favorites; recent colors are remembered automatically.

HEX, RGB, and HSL

HEX is a six-digit code like #3366FF. RGB lists the red, green, and blue channels from 0 to 255. HSL gives hue (0 to 360 degrees), saturation, and lightness as percentages. The tool shows all three for the color you pick, plus a contrast reading based on the WCAG relative-luminance formula so you can judge readability.

Privacy

Everything runs in your browser. Favorites and recent colors are stored on your device, nothing is uploaded, and there is no account to create.

← Back to developer tools