01
Visión de referencia
Par sRGB renderizado original
AB
- ΔE en OKLab
- 0,260
- Separación conservada
- 100%
- Contraste del par
- 1,17:1
Laboratorio de distinción
¿Siguen contando historias distintas estos dos colores?
Compara un par mediante tres modelos de deficiencia completa de la visión del color. Hexees mide la separación perceptiva restante y muestra por qué las etiquetas, formas e iconos siguen siendo necesarios.
01 / Cuatro vistas
Observa cómo cambia la señal, lado a lado.
Al mismo par se le aplican matrices Machado de nivel 1. Las cifras describen el par renderizado; no son calificaciones de accesibilidad.02
Simulación de protanopia
Modelo de deficiencia completa de conos rojos
AB
- ΔE en OKLab
- 0,124
- Separación conservada
- 48%
- Contraste del par
- 1,68:1
03
Simulación de deuteranopia
Modelo de deficiencia completa de conos verdes
AB
- ΔE en OKLab
- 0,045
- Separación conservada
- 17%
- Contraste del par
- 1,04:1
04
Simulación de tritanopia
Modelo de deficiencia completa de conos azules
AB
- ΔE en OKLab
- 0,310
- Separación conservada
- 119%
- Contraste del par
- 1,16:1
Un ΔEOK mayor indica más separación calculada en OKLab. Ningún umbral universal demuestra que dos colores sean distinguibles para todas las personas, pantallas, tamaños, bordes o estados de interfaz.
02 / Señales redundantes
Comunica el significado por más de un canal.
Un par atractivo puede resultar difícil de distinguir. Añade texto explícito, iconos, patrones, formas o posición para que la interfaz no dependa solo del color.
Comprobar el contraste de texto WCAG →Solo color
Color + texto + símbolo
✓ Listo! Revisar
03 / Método y límites
Un diagnóstico de diseño, no una prueba médica.
Simulación fisiológica
Las tres vistas usan las matrices publicadas de transformación de sRGB lineal en nivel 1 del modelo de Machado, Oliveira y Fernandes.
Machado, Oliveira & Fernandes, 2009Separación perceptiva
Hexees informa del ΔEOK euclídeo en OKLab y de la relación de contraste de luminancia relativa estándar para cada par sRGB simulado.
CSS Color 4 · ΔEOKUsa el color con responsabilidad
La vista previa no diagnostica ni certifica conformidad WCAG. Prueba el componente completo y conserva una señal visible que no dependa del color.
WCAG 2.2 · Use of Color