¿Qué colores son contrastantes?

El color del texto y el color del fondo deben tener un contraste aceptable. El objetivo principal es sugerir alternativas de contraste de color válidas cuando el contraste no es aceptable. Los valores válidos se pueden encontrar en palabras clave de color CSS. Hay tres posibles valores de ratio: 3, 4.5 y 7. El nivel de accesibilidad deseado puede ser AA o AAA. Para el nivel AAA, el ratio se incrementa. El ratio 4.5 se convierte en 7 y el ratio 3 se convierte en 4.5. El color a editar puede referirse tanto al color del texto como al color del fondo. El color seleccionado será modificado hasta encontrar un color válido. El algoritmo por defecto ofrece opciones de colores muy cercanas al color inicial. El algoritmo alternativo ofrece un rango de colores válidos, pero los colores pueden diferir del color inicial. Se utiliza la sintáxis abreviada, como por ejemplo, 255,255,255, que será interpretada como rgb(255,255,255). Los valores con formato #ABC también funcionan, de modo que el sistema completará el campo automáticamente con el valor #AABBCC.

El contraste se produce cuando percibimos dos o más colores juntos y constatamos diferencias entre ellos. La triada amarillo-rojo-azul, constituye la expresión más fuerte de este tipo de contraste, fuerza que va rebajándose conforme nos alejamos de los colores primarios. El efecto que se deduce es siempre multicolor, franco, potente y neto. El blanco y el negro representan la más fuerte oposición entre colores. El azul-verde y el rojo-anaranjado son los polos que representan el mayor nivel de frialdad y calidez respectivamente. Son complementarios dos colores cuya mezcla origina un gris negro neutro. En el círculo cromático son los colores diametralmente opuestos. El contraste simultáneo es el fenómeno según el cual nuestro ojo, para un color dado, exige simultáneamente el color complementario y, si no se le es dado, lo produce él mismo. La noción cualitativa del color se fundamenta en el grado de pureza o saturación. El contraste cualitativo resulta de la oposición entre un color saturado y luminoso y otro color apagado y sin resplandor. El contraste cuantitativo afecta a las relaciones de tamaño de dos o de tres colores. Es el contraste de lo mucho-poco, de lo grande-pequeño. Así, el amarillo, el color más luminoso, deberá ocupar la mancha más pequeña mientras que el violado, el color más oscuro, formará una mancha más grande en la composición.

Normalmente, entender cómo funciona el contraste de color implica conocer cuáles son los colores complementarios, es decir, los tonos situados en segmentos opuestos del círculo cromático. Si dos tonos están enfrentados directamente, crearán el nivel máximo de contraste.