tools
Ejecución local

Selector de color

Procesado en tu dispositivo · Sin subidas

Elige un color y copia los valores HEX, RGB y HSL.

#FF0000
RGB 255, 0, 0
HEX
RGB
R
G
B
HSL
hsl(0, 100%, 50%)

Cómo usar el selector de color

  1. Haz clic o arrastra en el área de saturación-valor para elegir un color.
  2. Usa el control deslizante inferior para cambiar el tono base.
  3. Consulta y copia los valores HEX, RGB o HSL.

The color picker lets you choose a color directly on screen and get its HEX, RGB, and HSL values. It's a quick way to grab and copy color codes for web and app design, documents, or coding. Adjust hue, saturation, and brightness to dial in exactly the shade you want.

HEX vs RGB vs HSL

HEX (#RRGGBB) is the most common notation on the web, RGB describes the three primary colors of light, and HSL (hue, saturation, lightness) is the most intuitive to adjust by hand. The same color is shown in all three formats, so copy whichever one you need.

Need a color from a photo?

If you want a color from an image rather than picking one on screen, use the image color picker. Click anywhere in a photo to extract that exact color.

Preguntas frecuentes

¿Puedo introducir un código HEX directamente?
Sí, escribe un código de color en el campo HEX y el selector se moverá a ese color.
¿En qué se diferencia del selector de color de imagen?
Este es un selector de color independiente. El selector de imagen extrae colores de imágenes subidas.
¿Qué modelos de color son compatibles?
Usa un selector HSV (Tono-Saturación-Valor) y proporciona valores en formatos HEX, RGB y HSL.
Can I type in a HEX code?
Yes. Enter a code in the HEX field and the picker jumps to that color.
How do I copy a color value?
Click the displayed HEX, RGB, or HSL value to copy it to your clipboard.

Guías relacionadas

Herramientas relacionadas