Selector, conversor, paletas, contraste y visión
Siete tareas de color, una barra compartida, cada cifra calculada aquí
Siete paneles sobre un color compartido: elegir y convertir, comprobar el contraste, construir una paleta, construir una escala, construir un degradado, sacar una paleta de una imagen y ver todo eso a través de tres formas de visión del color. Cambia el color en un panel y todos los demás ya hablan de él.
Las conversiones siguen CSS Color Level 4, incluida la curva de transferencia sRGB por tramos real en lugar de una gamma de 2,2, la adaptación de Bradford entre D65 y D50 para Lab, y el ajuste de gamut reduciendo el croma en OKLCH. Por eso estas cifras coinciden con lo que pinta el navegador en vez de quedarse a un uno o dos por ciento.
Dice la relación WCAG 2.2 y qué requisitos cumple el par. No dice que tu página sea accesible, porque el contraste es un criterio de conformidad entre muchos - orden de foco, etiquetas, recorridos de teclado, movimiento y estructura son otros tantos - y una página con contraste perfecto puede seguir siendo inservible.
APCA vive tras un desplegable y está etiquetado como información de borrador para WCAG 3. Modela cómo se lee el contraste a un tamaño y un grosor dados, cosa que WCAG 2 no hace, pero hoy no se mide nada contra él, y mostrarlo como igual tergiversaría ambos.
La proyección de Vienot, Brettel y Mollon, aplicada en luz lineal. Responde a la pregunta que merece la pena hacerse - ¿siguen distinguiéndose estos dos? - en vez de fingir que fotografía lo que ve una persona concreta. Es un modelo de una forma de la condición, y el panel lo dice.
Las capacidades más importantes explicadas de forma práctica.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 y los 148 colores con nombre, cada uno con su botón de copia. Los valores fuera de gamut se señalan y se ajustan reduciendo el croma en OKLCH, tal como indica la especificación.
La relación y cuáles de los requisitos normal AA, grande AA, interfaz AA, normal AAA y grande AAA cumple el par. Los colores semitransparentes se componen antes sobre el color de la página, igual que los pinta un navegador: un error que cometen la mayoría de los comprobadores.
Cuando un par no llega al objetivo, el tono más cercano del mismo color se busca por luminosidad y croma en OKLCH, y cada candidato se vuelve a medir tras redondear a ocho bits, porque una búsqueda en espacio continuo puede devolver un color que suspende al convertirse en hexadecimal.
Siete armonías y una escala de once pasos de 50 a 950, construidas girando el tono y escalonando la luminosidad en un espacio perceptual. Exportación a propiedades personalizadas CSS, variables SCSS, JSON o una lista simple.
Degradados lineales, radiales y cónicos con paradas arrastrables, interpolados en OKLCH para que de azul a amarillo no se pase por el barro. La forma sRGB simple se emite al lado, así que los navegadores antiguos siguen dibujando un degradado.
Median cut seguido de refinamiento de Lloyd, ejecutado sobre píxeles decodificados en esta pestaña. El paso de muestreo se fuerza fuera de los números primos pequeños para que una imagen a rayas o una tabla no se reduzca a dos colores: un fallo real que esto corrige.
La proyección de Vienot, Brettel y Mollon aplicada en luz lineal, para protanopía, deuteranopía y tritanopía. Informa de si un PAR sigue siendo distinguible, que es la pregunta que importa, y dice con claridad que modela una forma de la condición, no los ojos de una persona concreta.
El modelo de contraste perceptual redactado para WCAG 3 está tras un desplegable y descrito por lo que es: información de borrador, no aquello contra lo que se mide nada hoy. Presentarlo como igual a los veredictos WCAG tergiversaría ambos.
Un camino claro desde la fuente oficial hasta tu primer flujo completado.
Utiliza uno de los enlaces oficiales disponibles para tu dispositivo o navegador.
Sigue las instrucciones de la tienda o abre la aplicación web. Sin instaladores de terceros.
Revisa las opciones, elige tus preferencias y comienza con el flujo principal.
Una visión transparente de las tecnologías principales utilizadas para crear y mantener este producto.
Tus datos permanecen en tu dispositivo. Siempre.
