Convertidor de Colores Universal
Convierte entre HEX, RGB, HSL, HSV, CMYK y HWB al instante, en tu navegador.
Por qué usarlo
Todos los modelos de color en un solo conversor
6 modelos de color
HEX, RGB, HSL, HSV, CMYK y HWB. Convierte entre cualquier combinación en un solo paso.
Privado
La conversión ocurre completamente en tu navegador. Ningún valor de color sale de tu dispositivo.
Precisión total
Resultados exactos siguiendo las especificaciones ICC, W3C CSS Color Level 4 y los estándares sRGB.
Instantáneo
Conversión en tiempo real mientras escribes. Sin botones, sin esperas.
Cómo funciona
Tres pasos, sin complicaciones
Introduce el color de origen
Escribe o pega el valor del color en cualquier formato: #FF5733, rgb(255,87,51), hsl(11,100%,60%), cmyk(0%,66%,80%,0%) o hwb(11 0% 0%). También puedes usar los 140 nombres CSS como 'tomato' o 'steelblue'.
Selecciona el formato de destino
Elige el modelo de color al que quieres convertir: HEX para web, RGB para pantallas, HSL para CSS moderno, HSV/HSB para herramientas de diseño, CMYK para impresión, o HWB para el estándar CSS Color Level 4.
Copia el resultado
Obtén el valor exacto del color en el formato elegido con un clic. El conversor muestra además una vista previa del color y los valores en todos los modelos simultáneamente.
Preguntas frecuentes
¿Tienes dudas?
Un modelo de color es una representación matemática que describe los colores de forma sistemática mediante coordenadas numéricas. Cada modelo aborda el color desde una perspectiva diferente: RGB lo describe como mezcla de luz (rojo, verde, azul); CMYK como mezcla de tintas (cian, magenta, amarillo, negro); HSL y HSV lo describen en términos perceptuales humanos (tono, saturación, luminosidad/valor); HWB (CSS Color Level 4) usa tono, cantidad de blanco y cantidad de negro. No existe un modelo 'mejor': la elección depende del contexto de uso (pantalla, impresión, edición de código, herramientas de diseño).
RGB (Red, Green, Blue) es un modelo de color aditivo: mezclar los tres colores al máximo produce blanco. Se usa para pantallas, monitores, LEDs y cualquier dispositivo que emite luz. CMYK (Cyan, Magenta, Yellow, Key/Black) es un modelo sustractivo: mezclar los tres colores base produce negro teórico (en la práctica, un marrón oscuro sucio, por eso se añade el canal K de negro puro). CMYK se usa en impresión. La conversión entre RGB y CMYK nunca es perfecta porque tienen gamas de color distintas: los colores vibrantes de pantalla (azules eléctricos, verdes fluorescentes) no son reproducibles en impresión offset estándar.
HSL (Hue, Saturation, Lightness) es más intuitivo para los humanos que RGB porque separa el tono del color de su saturación y luminosidad. Para oscurecer un azul en RGB necesitas calcular los tres canales; en HSL simplemente reduces el valor L. Para crear variantes de una marca (claro, oscuro, saturado, desaturado) HSL hace las transformaciones predecibles. En CSS moderno, HSL permite crear temas dinámicos con variables: --color-brand: hsl(220, 90%, 50%); y crear variantes ajustando solo L o S.
HWB (Hue, Whiteness, Blackness) es un modelo de color definido en la especificación CSS Color Level 4 (W3C), diseñado para ser aún más intuitivo que HSL. En lugar de saturación y luminosidad, usa directamente cuánto blanco (W) y cuánto negro (B) se mezclan con el tono puro. hwb(0, 0%, 0%) es rojo puro; hwb(0, 50%, 0%) es rosa; hwb(0, 0%, 50%) es rojo oscuro; hwb(0, 50%, 50%) es gris. Todos los navegadores modernos soportan hwb() desde 2022. Es útil cuando necesitas manipular colores de forma visualmente predecible sin hacer cálculos complejos.
La gama de color (color gamut) es el rango de colores que un dispositivo o espacio de color puede representar. sRGB (el estándar de pantallas desde 1996) cubre aproximadamente el 35% del espacio CIE 1931 visible por el ojo humano. Display P3 (usado en iPhone y Mac desde 2016) cubre un 26% más que sRGB. Rec.2020 (HDR) cubre casi el doble que sRGB. Cuando conviertes entre HEX/RGB/HSL estás dentro del espacio sRGB: todos los valores son representables. Al convertir a CMYK, la gama imprimible es diferente (algunos rojos vibrantes no son reproducibles en offset; algunos cians brillantes en impresión no son reproducibles en pantalla). La conversión CMYK → RGB puede producir colores que se ven distintos al original impreso.
Modelos de color: historia desde Newton hasta CSS Color Level 4
La teoría moderna del color comienza con Isaac Newton en 1672, cuando publicó sus experimentos con prismas en los Philosophical Transactions of the Royal Society. Newton demostró que la luz blanca es la suma de todos los colores del espectro visible y propuso el primer círculo cromático con 7 colores (rojo, naranja, amarillo, verde, azul, índigo, violeta), número elegido por analogía con las notas musicales. En 1810, Johann Wolfgang von Goethe publicó su Teoría de los colores, donde argumentó que el color era una interacción entre luz y oscuridad, y creó el primer círculo de 6 colores en oposición con complementarios. Aunque sus conclusiones científicas fueron incorrectas (refutadas por Helmholtz), su modelo circular influye en las ruedas de color usadas en diseño hasta hoy.
El diagrama de cromaticidad CIE 1931 fue el primer intento de definir matemáticamente todos los colores percibibles por el ojo humano promedio. La Commission Internationale de l'Eclairage (CIE) creó en 1931 el espacio de color XYZ basado en los experimentos de color match de Wright (1928) y Guild (1931), donde participantes humanos ajustaban mezclas de tres luces primarias para igualar colores de referencia. El espacio CIE XYZ contiene todos los colores visibles y sirve como espacio de referencia absoluto para convertir entre cualquier espacio de color relativo (sRGB, Adobe RGB, Display P3). El estándar sRGB (IEC 61966-2-1) fue definido en 1996 por HP y Microsoft y se convirtió en el estándar universal de pantallas y web, con un punto blanco D65 (6500K) y una curva gamma de aproximadamente 2.2.
CSS Color Level 4, desarrollado por el W3C CSS Working Group, amplía los colores disponibles en CSS más allá de sRGB. Introduce los espacios de color display-p3, rec2020, a98-rgb, prophoto-rgb, oklch y oklab usando la función color(). El espacio oklch (propuesto por Björn Ottosson en 2020 como mejora de LCH del espacio CIELAB) es especialmente valorado en diseño porque tiene una percepción de luminosidad más uniforme que HSL: dos colores con el mismo valor L en oklch parecen igual de brillantes para el ojo humano, cosa que no ocurre en HSL. Los navegadores soportan oklch desde 2023. La gestión de color en navegadores (color management) usa perfiles ICC embebidos en imágenes para convertir automáticamente entre espacios de color y garantizar reproducibilidad entre dispositivos.