Se muestra un color y 4 opciones de código HEX. ¿Puedes identificar el correcto? En dificultad alta, las opciones son muy similares.
Se muestra un código HEX y 4 muestras de color. Elige la que corresponde al código. Entrena tu capacidad de visualizar colores mentalmente.
Se muestra un par texto/fondo y debes decidir si pasa WCAG AA (ratio 4.5:1). Esencial para diseño accesible.
Se muestra un color y 4 nombres CSS. ¿Cuál es el correcto? Aprende los 148 colores con nombre del estándar CSS.
Se muestran 4 colores: 3 forman una armonía (análoga, complementaria o triádica) y 1 es el intruso. ¡Encuéntralo!
Se muestra un color y debes adivinar su tono (H), saturación (S) o luminosidad (L). Domina el modelo HSL.
Se muestran 2 colores y debes decidir cuál tiene mayor luminancia relativa. Entrena el mismo criterio que usa WCAG para el contraste.
Se muestran 2 colores y debes decidir si alguien con protanopia, deuteranopia o tritanopia podría distinguirlos. Al responder, ves la simulación real.
El único modo sin opciones múltiples: se muestra un color objetivo y debes recrearlo moviendo sliders de tono, saturación y luminosidad. Se puntúa por proximidad ΔE, no por acierto/fallo.