DotNetcr.com
Si deseas hacer un intercambio de links con DotNetcr, escríbenos aquí
Recibe las actualizaciones vía RSS
Te invitamos a unirte en nuestras redes
   http://www.facebook.com/DotNetcr
   http://www.twitter.com/dotnetcr

El uso adecuado de los colores

Por CSSboulevar | 9/17/2006 | Visitas 9,874 | Voto 2.00
Siempre es bueno asegurarse que el primer plano y las combinaciones del color de fondo proporcionen suficiente contraste, para una mejor apariencia y para beneficio de aquellos que no distinguen diferencias minimas de colores.
Categorías : ASP.NET, Otros, CSS - Themes
Siempre es bueno asegurarse que el primer plano y las combinaciones del color de fondo proporcionen suficiente contraste cuando sea visto por alguien con deficiencia visual o para visualizarlas con pantallas monocromáticas;  estableciendo conformidad con el Punto de Verificación 2.2 de las Pautas de Accesibilidad al Contenido en la Web 1.0

Se considera que dos colores ofrecen buena visibilidad de color si la diferencia en brillo y la diferencia en color entre ambos es mayor que un intervalo dado.

El proceso para definir el nivel de "visibilidad del color" se basa en los algoritmos que sugiere el Consorcio de la World Wide Web (W3C). El intervalo que sugiere es > 125 para el brillo de color y > 500 para la diferencia de color.

El brillo de color se determina por medio de la siguiente fórmula:
((valor de Rojo * 299) + (valor de Verde * 587) + (valor de Azul * 114)) / 1000

La diferencia entre el brillo de fondo y el brillo de primer plano debería ser mayor a 125.
La diferencia de color se determina por medio de la siguiente fórmula:
(máximo (valor Rojo 1, valor Verde 2) - mínimo (valor Rojo 1, valor Rojo 2)) + (máximo (valor Verde 1, valor Verde 2) - mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) - mínimo (valor Azul 1, valor Azul 2))
La diferencia entre el color de fondo y el color de primer plano debería ser mayor que 500.
Veamos un ejemplo:

Color de primer plano:
(hex.) #80FF80
(RGB.) 128, 255, 128

Color de fondo:
(hex.) #000000
(RGB.) 0, 0, 0

Fórmula de Brillo de Color:
(128 * 299) + (255 * 587) + (128 * 114) / 1000 = 202

La diferencia en brillo entre los dos colores es suficiente. El límite es 125, y el resultado para los colores de fondo y primer plano es 202.

Fórmula de Diferencia de Color:
128 - 0 + 255 - 0 + 128 - 0 = 511

La diferencia en color entre los dos colores es suficiente. El límite es 500, y el resultado para los colores de fondo y primer plano es 511.

Para ahorrarnos el trabajo de analizar cada color de nuestro sitio Web se ha desarrollado un Software gratuito llamado Colour Contrast Analyser que podrás descargar desde la siguiente dirección (http://www.visionaustralia.org.au/info.aspx?page=628).

El Analizador de Contraste de Color (ACC) resulta útil para servir de ayuda a la hora de determinar, en concreto, la legibilidad de un texto en una página Web y la legibilidad de representaciones de texto por medio de imágenes. Utiliza el ACC para probar combinaciones de color sobre el algoritmo que sugiere el W3C y determinar así un "contraste suficiente".
Area de Comentarios
Por Anónimo - Fecha: 2007/01/31 12:11 AM
maravilloso justo lo que estaba buscando gracias
Por Anónimo - Fecha: 2007/05/11 05:52 PM
este sitio web me gusto.
Por Anónimo - Fecha: 2007/10/03 03:51 PM
muy interesante el tema, muchas gracias
Por Anónimo - Fecha: 2008/10/15 08:30 PM
em el uso del color que es ¿? no como uarlo sino que es !
Por Anónimo - Fecha: 2012/07/19 08:34 AM
I’m impressed, I must say. Really harldy ever do I encounter a blog that’s both educative and entertaining, and let me inform you, you will have hit the nail on the head. Your thought is excellent; the issue is something that not sufficient people are talking intelligently about. I'm very completely happy that I stumbled throughout this in my seek for one thing referring to this.
Por Anónimo - Fecha: 2012/07/20 07:18 AM
hJGHxK , [url=http://jwdtmseffxhg.com/]jwdtmseffxhg[/url], [link=http://pvmmriwuifki.com/]pvmmriwuifki[/link], http://wbwswzrcfrat.com/
Por Anónimo - Fecha: 2012/07/21 01:30 PM
pTMp86 , [url=http://wtgemvhbhfxu.com/]wtgemvhbhfxu[/url], [link=http://jgvegudicktb.com/]jgvegudicktb[/link], http://ijyafxqehchn.com/
Por Anónimo - Fecha: 2015/07/18 10:38 PM
This is for Carolyn in Virginia. We found 5 of those bicci bling chairs in the sivelr grey color (called mink) with the diamond rhinestones in the back. Two in tj Marx in fla and 3 in ct. We need at least ONE more to complete set. if you want to sell the one or if anyone has seen one anywhere please buy it or them and we will gladly pay you and pick up or pay for shipping. We checked most Marshall's on the drive to fl from ct but to no avail. PLEASE please help!!! Thank you!!! Patdkelly @cox.net
Ingrese su Comentario
Comentario
Para poder votar debe estar registrado en DotNetcr.com
Solo queda registrado el primer voto enviado
Voto


Últimos Recursos
ricardo leppe t
pedrojavier
CALIN
willipinru
richard
ragomez
PER 238
MEX 236
CRI 188
COL 118
ESP 105
ARG 88