El artículo original de CSS Colores del sistema está en http://www.treeweb.es/blog-tecnico-css-colores-del-sistema
He estado investigando cómo implementan los colores de CSS los navegadores web más utilizados por la mayoría de usuarios. A la hora de asignar un color podemos hacerlo en formato hexadecimal (#FFFFFF, #0000FF, #FF0000…), indicando los niveles de luminosidad de los colores primarios (rgb(255,255,255), rgb(255,0,0), rgb(0,0,255)…) o mediante palabras clave que identifican distintos colores (white, blue, red…). Además, podemos utilizar otro conjunto de palabras clave que identifican colores de la interfaz gráfica del sistema operativo.
Utilizar colores del sistema puede ser interesante a nivel estético, pero es a la hora de ofrecer accesibilidad donde resultan realmente útiles. Por ejemplo, si preparo mi blog tomando como colores principales los del sistema, un usuario sensorialmente capacitado podría leer el texto normalmente, con texto oscuro sobre fondo blanco. Sin cambiar de estilo CSS, un usuario con problemas de visión vería mi blog en alto contraste de forma automática si la configuración visual de su equipo fuese alto contraste.
Para comprobar la configuración de colores en los distintos navegadores, he escrito el siguiente documento html http://www.sinos.es/others/wp-res/1/css_system_colors.html y lo he probado en Firefox 3.0, Opera 9.51, Internet Explorer 6.0 y Safari 3.2.1, todos sobre Windows XP. A continuación la imagen comparativa: (more…)