Selector de color
Elige un color y obtén sus valores HEX, RGB y HSL al instante en tu navegador.
Cómo usar la herramienta Selector de color
- Haz clic en la muestra de color para abrir el selector de color de tu navegador.
- Elige un color o pega un valor HEX en el selector.
- Haz clic en Ejecutar para ver los valores HEX, RGB y HSL del color.
Cómo funciona la herramienta Selector de color
El selector de tu navegador devuelve un código HEX, que la herramienta divide en los canales rojo, verde y azul (de 0 a 255) para obtener el valor RGB. Después convierte el RGB a HSL: la luminosidad es la media del canal mayor y el menor, la saturación mide cuánto se aleja el color del gris y el tono es el ángulo en la rueda de color, desde 0° (rojo) pasando por 120° (verde) hasta 240° (azul).
Los tres formatos describen el mismo color y se pueden usar indistintamente en CSS, por ejemplo #3498DB, rgb(52, 152, 219) y hsl(204, 70%, 53%).
Preguntas frecuentes
- ¿Esta herramienta es gratuita?
- Sí. Elige y convierte colores sin costo y sin necesidad de registrarte.
- ¿Qué formatos muestra?
- Las representaciones HEX, RGB y HSL del color que elijas, listas para pegar en tu CSS.