Conversor de Color HEX

Un conversor de colores traduce un valor de color entre diferentes formatos de CSS y diseño: HEX, RGB, RGBA, HSL, HSLA y HSV, de forma instantánea. Introduce un color en cualquier formato y todas las representaciones equivalentes se actualizan en tiempo real, permitiéndote copiar el formato que necesitas.

HSL (Matiz, Saturación, Luminosidad) y HSB/HSV (Matiz, Saturación, Brillo/Valor) son similares pero no idénticos. En HSL, los colores puros se sitúan al 50% de luminosidad; el negro al 0% y el blanco al 100%. En HSB, los colores puros están al 100% de brillo; tanto el negro como el blanco se controlan mediante la combinación de saturación y brillo. CSS usa HSL; los editores de imagen suelen usar HSB/HSV.

El hexadecimal #RRGGBB se divide en R=0xRR, G=0xGG, B=0xBB. Para #1A2B3C: R=26, G=43, B=60. En CSS: rgb(26, 43, 60). En JavaScript: const r = parseInt(hex.slice(1,3),16). Esta herramienta convierte al instante: pega cualquier código hexadecimal y todos los formatos aparecen simultáneamente.

CMYK (Cian, Magenta, Amarillo, Negro/Clave) es un modelo sustractivo que se usa en la producción de imprenta. Las impresoras mezclan tinta en lugar de luz, por lo que los colores funcionan de forma opuesta a RGB. El diseño web usa RGB y hexadecimal; el diseño de impresión usa CMYK. Al diseñar para imprenta, consulta con tu imprenta los valores CMYK requeridos y verifica los colores en una herramienta compatible con CMYK como Adobe Illustrator.

Las pantallas usan diferentes gamas de colores y calibraciones. sRGB es el espacio de color web estándar, pero las pantallas de gama amplia (P3, Rec.2020) reproducen colores más saturados. Una pantalla no calibrada puede mostrar el mismo valor hexadecimal con brillo o matiz notablemente diferente. Para trabajos con colores precisos, calibra tu monitor con un colorímetro y usa una herramienta de diseño que especifique el perfil de color.