Conversor de Colores
Convierte colores entre formatos HEX, RGB y HSL al instante. Usa el selector de color o ingresa valores manualmente. Todas las conversiones ocurren en vivo en tu navegador mientras escribes.
Conversor de Colores
Elige un color o ingresa valores en cualquier formato para convertir entre HEX, RGB y HSL.
Cómo Funciona la Conversión de Colores
Los colores HEX usan una notación hexadecimal de seis dígitos con prefijo #. Cada par de dígitos representa los canales Rojo, Verde y Azul respectivamente, con valores de 00 a FF (0 a 255 en decimal).
RGB (Rojo, Verde, Azul) es el modelo de color más común para pantallas. Cada canal va de 0 a 255, dando más de 16 millones de combinaciones de color posibles.
HSL (Tono, Saturación, Luminosidad) es un modelo de color más legible para humanos. El Tono es un grado en la rueda de color (0-360), mientras que la Saturación y la Luminosidad son porcentajes. HSL facilita crear variaciones de un color ajustando propiedades individuales.
Referencia de Formatos de Color
| Formato | Sintaxis | Ejemplo | Mejor Para |
|---|---|---|---|
| HEX | #RRGGBB | #FF5733 | Abreviatura CSS, especificaciones de diseño |
| RGB | rgb(R, G, B) | rgb(255, 87, 51) | Propiedades CSS, uso programático |
| HSL | hsl(H, S%, L%) | hsl(11, 100%, 60%) | Paletas de color, ajuste de accesibilidad |
Preguntas Frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX es una representación hexadecimal de un color (ej., #FF5733). RGB define un color por sus componentes Rojo, Verde y Azul (0-255 cada uno). HSL define un color por Tono (0-360 grados), Saturación (0-100%) y Luminosidad (0-100%). Todos describen los mismos colores pero de diferentes maneras.
¿Cómo convierto HEX a RGB?
Para convertir HEX a RGB, divide el código hex de 6 dígitos en tres pares. Convierte cada par de hexadecimal a decimal para obtener los valores Rojo, Verde y Azul. Por ejemplo, #FF5733 se convierte en R:255, G:87, B:51.
¿Cuándo debería usar HSL en lugar de RGB?
HSL es más intuitivo para diseñadores porque puedes ajustar fácilmente la luminosidad o saturación sin cambiar el tono. Es ideal para crear paletas de colores, estados hover y variaciones de color accesibles.
¿La conversión de color se hace localmente?
Sí, todas las conversiones de color ocurren completamente en tu navegador usando JavaScript. No se envían datos a ningún servidor, garantizando total privacidad y resultados instantáneos.