Color Picker

Pick a color visually and get its value in HEX, RGB, HSL, OKLCH, and more. Everything runs on your device — fast, free, and private.

All formats
HEX#00b8e6
RGBrgb(0, 184, 230)
RGBArgba(0, 184, 230, 1)
HSLhsl(192, 100%, 45.1%)
HSVhsv(192, 100%, 90.2%)
HWBhwb(192 0% 9.8%)
CMYKcmyk(100%, 20%, 0%, 10%)
LABlab(68.9 -27.8 -34.7)
LCHlch(68.9 44.5 231.3)
OKLCHoklch(0.727 0.137 224.1)

Everything runs in your browser. Nothing is uploaded.

728 × 90Ad Space AvailablePlace your ad here

Example

Example Input

(pick on the swatch)

Example Output

#00b8e6 · rgb(0,184,230) · hsl(192,100%,45%)

How to Use

  1. 1Pick or enter a color in the controls above.
  2. 2The result updates live.
  3. 3Copy whichever value you need.

About Color Picker

The Color Picker gives you a visual color chooser: drag on the swatch or type a value, then watch every format update live. Each format has its own copy button.

It is a handy starting point for UI design — pick a color once, get whichever format your code needs. Everything runs in the browser.

FAQ

Is my data sent to a server?

No. Color Picker runs entirely in your browser — your data never leaves your device.

Related Tools

Related Categories