Selector y conversor de color

HEX y RGB describen literalmente el mismo valor subyacente — cuánta luz roja, verde y azul mezclar — en dos notaciones distintas dirigidas a dos propósitos distintos: HEX empaqueta los tres canales en una sola cadena compacta de seis caracteres que es conveniente para pegar como un valor CSS o almacenar en una columna de base de datos, mientras que RGB deletrea los tres números por separado, que es más conveniente cuando un programa necesita leer o manipular cada canal independientemente. HSL reformula el mismo color de nuevo en un sistema de coordenadas completamente distinto construido alrededor de cómo la gente realmente piensa en el color — matiz (qué color), saturación (cuán vívido), luminosidad (cuán cerca de blanco o negro) — específicamente porque "hazlo un poco más claro" o "hazlo más apagado" son ajustes de un solo número en HSL y requieren recalcular los tres canales RGB simultáneamente para lograr el mismo efecto visual.

RGB, HSL y HSV son todas formas distintas de describir luz aditiva — colores creados emitiendo luz roja, verde y azul directamente, que es cómo funciona cada pantalla. CMYK describe color sustractivo — tinta cian, magenta, amarilla y negra absorbiendo ciertas longitudes de onda de luz que se reflejan en el papel, que es un proceso físicamente distinto con un rango de colores alcanzable menor del que puede producir una pantalla. Por esto un color RGB brillante y saturado, particularmente ciertos azules y verdes vívidos, frecuentemente no tiene ningún equivalente CMYK exacto en absoluto — el color simplemente cae fuera de lo que la tinta sobre papel es físicamente capaz de reproducir, y la conversión mostrada es la aproximación disponible más cercana usando aritmética estándar en lugar de una coincidencia con gestión de color profesional. La precisión de impresión genuina para un trabajo importante necesita un perfil de color ICC calibrado al papel y la imprenta específicos que se estén usando, que es un proceso separado y más elaborado del que puede proporcionar una conversión aritmética de propósito general.

La relación de contraste WCAG se calcula puramente a partir de la luminancia relativa de cada color — una medida de brillo percibido derivada de los canales RGB usando una fórmula que pondera el verde más pesadamente, ya que el ojo humano es más sensible a esa longitud de onda — en lugar de a partir de cuán visualmente distintos o vívidos parecen los dos colores uno junto a otro. Esto produce un modo de fallo específico y contraintuitivo: dos colores saturados y claramente distintos de brillo general similar, como un texto naranja brillante sobre un fondo rojo brillante, pueden llevar casi ningún contraste de luminancia entre ellos a pesar de verse obviamente distinguibles para la visión típica, y el emparejamiento genuinamente se vuelve difícil o imposible de leer para cualquiera con baja visión, deficiencia de visión de color, o simplemente una pantalla de móvil bajo la luz directa del sol. La relación está midiendo exactamente la dimensión de contraste que importa para esos lectores, incluso cuando discrepa de la primera impresión de un ojo sin impedimentos sobre el emparejamiento.