What color formats does this picker support?

The picker displays and lets you edit HEX (#RRGGBB), RGB (r,g,b), HSL (h°,s%,l%), and HSV (h°,s%,v%) simultaneously. Editing any format updates all others in real time.

How do I save recently used colors?

Click the bookmark/save icon or the 'Save Color' button to add the current color to your recent colors. These are stored in your browser's localStorage and persist across sessions.

How does the color comparison work?

Click 'Save for Comparison' to capture the current color, then select a new color. The comparison panel shows both colors side by side so you can judge the difference visually.

Does the alpha channel affect the HEX output?

Yes. When alpha is less than 100%, the HEX field switches to 8-digit format (#RRGGBBAA) so you can copy a fully opaque or semi-transparent value.

Design Gratis Sin registro

HTML Color Picker

Interactive color picker with HSL, RGB, HEX, and HSV support

Cargando la herramienta…

Acerca de esta herramienta

A full-featured interactive color picker with an HSL spectrum square, hue bar, and alpha channel control. View and edit colors in HEX, RGB, HSL, and HSV formats simultaneously. Save recently used colors to localStorage for quick access, copy any format to clipboard with one click, and compare your current selection against a saved reference color side by side.

Cómo usar

1 Drag the circle in the spectrum square to choose hue and saturation/lightness.
2 Use the hue bar to slide through the full color spectrum.
3 Adjust the alpha slider to set transparency.
4 Edit any of the HEX, RGB, HSL, or HSV fields directly for precise values.
5 Click a format's copy icon to copy that value to your clipboard.
6 Press 'Save Color' to store the current color in recent colors.
7 Use 'Save for Comparison' then pick another color to compare them side by side.

Preguntas frecuentes

Herramientas relacionadas

Generador de códigos QR

Construya visualmente gradientes CSS lineales y radiales y copie la propiedad CSS lista para usar.

CSS Neon Glow Generator

Generate animated CSS neon glow text effects with live preview