Color Picker

Pick a color visually or type any format. HEX, RGB, and HSL stay in sync as you edit — all processing runs locally.

How to pick a color

  1. Use the native color picker, or type HEX, RGB, or HSL.
  2. All three formats stay in sync as you edit.
  3. Copy HEX, RGB, or HSL with one click.
  4. Invalid syntax shows an error on the field you edited.

FAQ

Yes. Editing HEX, RGB, or HSL updates the other fields automatically.
Yes. Tapping the color swatch opens your device's system color picker on iOS and Android.
No. All conversions run in your browser.
Invalid syntax shows a clear error on the field you edited. Other formats stay at their last valid values until you fix the input.
Copy actions include the # for CSS compatibility. Remove the hash manually if your target system expects bare RRGGBB.

Related tools