Conversor de Unidades de Color
Sobre esta herramienta
Convierte un color entre los tres formatos más usados en diseño web y CSS —código hexadecimal (HEX, como #1877F2), RGB (valores de rojo, verde y azul de 0 a 255) y HSL (matiz, saturación y luminosidad)— mostrando los tres al mismo tiempo y actualizándose en vivo sin importar en cuál de los tres edites el valor. Cada formato es más conveniente según la tarea: HEX es compacto y el más común en CSS, RGB es intuitivo para mezclar colores por canal, y HSL facilita ajustar solo el brillo o la saturación de un color sin cambiar su tono. Todo el cálculo ocurre en tu navegador.
Preguntas frecuentes
¿Los tres formatos se actualizan a la vez?
Sí, muestra HEX, RGB y HSL al mismo tiempo, actualizándose en vivo sin importar en cuál de los tres edites el valor.
¿Cuándo conviene usar HSL en vez de RGB?
HSL facilita ajustar solo el brillo o la saturación de un color sin cambiar su tono, mientras que RGB es más intuitivo para mezclar colores por canal.
¿Por qué HEX es el más común en CSS?
Porque es compacto, aunque cada formato tiene su ventaja según la tarea.
¿El cálculo es instantáneo?
Sí, todo el cálculo ocurre en tu navegador de forma instantánea.
¿Es gratis usar esta herramienta?
Sí, es gratuita.
Herramientas relacionadas
Verificador de Contraste de Color (WCAG)
Verifica si dos colores cumplen los estándares de accesibilidad WCAG
LocalPaleta de Colores
Genera paletas complementarias, análogas y triádicas desde un color
LocalGenerador de Degradados
Crea degradados CSS personalizados y copia el código
LocalEditor de Íconos SVG
Ajusta color, trazo y tamaño de un ícono SVG
LocalExtractor de Colores de Imagen
Obtén la paleta de colores dominantes de cualquier imagen
LocalGenerador de Sombras CSS (box-shadow)
Crea sombras CSS personalizadas y copia el código box-shadow