El contraste de color de elementos de la página web depende de las diferencias entre los niveles de brillo y sus matices. Si las diferencias de brillo y la tonalidad entre dos colores están por encima de un cierto umbral , los colores tienen un contraste suficiente . Si una o ambas medidas es inferior al umbral , el Consorcio World Wide Web le recomienda cambiar los colores. Usted puede calcular contraste de color si se conocen los valores RGB ( rojo-verde- azul) de dos colores . Diseño de páginas web con suficiente contraste entre el fondo y el texto mejora la experiencia del usuario. Instrucciones
Cálculo diferencia de color Brillo
1
denotan los valores de rojo, verde y azul del color del texto por R1, G1 y B1 respectivamente. Denotemos los valores de rojo , verde y azul del color de fondo por R2 , G2 y B2 respectivamente.
2
Compute ( 299 * 587 * R1 + G1 + 114 * B1 ) /1000 . Este es el brillo del color del texto . Por ejemplo , suponga que tiene el texto en verde oscuro, donde R1 = 20 , G1 = 100 y B1 = 20 , entonces el brillo del color de texto es 66,96 , ya que ( 299 * 20 + 587 * 100 + 114 * 20 ) /1000 = 66,96 .
Página 3
Compute ( 299 * 587 * R2 + G2 + 114 * B2 ) /1000 . Este es el brillo del color de fondo . Por ejemplo , suponga que tiene un fondo de color rosa claro , donde R2 = 255 , G2 = 220 y B2 = 240 , entonces el brillo del color de fondo es 232,75 , ya que ( 299 * 255 + 587 * 220 + 114 * 240 ) /1000 = 232,75 .
4
Calcular la diferencia entre los niveles de brillo . Si la diferencia es menor que 125 , debe ajustar uno o dos colores para aumentar la diferencia de brillo . Por ejemplo, desde 232,75 a 66,96 = 165,79 , usted no necesita cambiar los colores
Cálculo Hue Diferencia
5
Calcular la diferencia entre los valores de rojo de cada uno. color. Utilizando el ejemplo anterior , la diferencia entre los valores de rojo es de 235 desde 255 - . 20 = 235
6
Repita el paso 1 para los valores de verde y azul. Utilizando el ejemplo anterior , la diferencia de color verde es de 120 ( desde 220 a 100 = 120 ) , y la diferencia de color azul es de 220 ( desde 240 a 20 = 220 ) .
7
Agregar las tres diferencias para obtener la diferencia de tonalidad total. Si la diferencia de color es inferior a 500 , tienes que cambiar uno o ambos de los colores. Por ejemplo, desde 235 + 120 + 220 = 575, que no es necesario cambiar los colores .
