Color Picker

Pick a color visually and copy HEX, RGB, or HSL values for CSS and design tools.

Color

Output

Suggested Tools

HEX ↔ RGB
Convert colors between HEX and RGB for CSS, canvas, and design handoff.
HEX ↔ HSL
Convert colors between HEX and HSL for tweaking lightness and saturation in CSS.
HEX ↔ HSV
Convert colors between HEX and HSV for hue-based editing and graphics tools.

Color Picker gives you a live swatch and exportable color codes for UI work.

Adjust the picker, run or copy the values, and paste them into stylesheets or Figma tokens.

Please enable JavaScript.