Foros del Web » Creando para Internet » Diseño Gráfico »

Interesante herramienta para comprobar contraste de colores

Estas en el tema de Interesante herramienta para comprobar contraste de colores en el foro de Diseño Gráfico en Foros del Web. Existe una extensión de Firefox llamada ColorChecker que es capaz de informar el nivel de contraste entre dos colores: Cita: Mediante esta extensión se puede ...
  #1 (permalink)  
Antiguo 01/02/2009, 03:04
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.027
Antigüedad: 19 años, 10 meses
Puntos: 832
Interesante herramienta para comprobar contraste de colores

Existe una extensión de Firefox llamada ColorChecker que es capaz de informar el nivel de contraste entre dos colores:

Cita:
Mediante esta extensión se puede comprobar si la combinación de dos colores es adecuada para su percepción visual en base a los requerimientos de las WCAG 1 y WCAG 2.

La extensión se muestra en un panel lateral, y ofrece los resultados tanto para condiciones normales de visión, como para las situaciones de dificultad en la percepción del color (Protanopia, Deuteranopia y Tritanopia). Dado que se considera más preciso el incluido en las WCAG 2, este es el resultado que inicialmente se muestra por defecto.

El código de código de color se puede introducir tanto en formato hexadecimal (en forma abreviada o no, y tanto con almohadilla como sin ella), como en RGB (pudiendo usar diferentes separadores entre los valores, como por ejemplo la coma o los dos puntos). Ej:

* En hexadecimal se podría poner: #FC5 ó FC5 ó FFCC55
* En RGB se podría poner: 231,28,197 ó 231:28:197 ó rgb(231,28,197)

El uso de la extensión colorChecker se puede combinar, por ejemplo, con la extensión ColorZilla, pues esta permite seleccionar directamente desde el documento web (y copiar al portapapeles) el color que se quiera comprobar. Si se tiene instalada la extensión ColorZilla, al pulsar Shift+Z o Shift+X se activará, enviando respectivamente el color de primer plano o de fondo al colorChecker.

El panel lateral se despliega desde el menú herramientas del navegador, o bien pulsando en el icóno que se muestra en la barra de estado, e incluso, con la combinación de teclado alt+c.

En la simulación para obtener los valores correspondientes a problemas en percepción de color, el algoritmo empleado se basa en el algoritmo descrito por Hans Brettel, Francoise Vienot y John Mollon en su artículo publicado en Journal of the Optical Society of America V14, #10 pp2647, y en la adaptación incluida en el módulo correspondiente del Gimp y cuyos créditos corresponden a:

* Michael Natterer
* Sven Neumann
* Robert Dougherty
* Alex Wade
Página de descarga de la extensión

https://addons.mozilla.org/es-ES/firefox/addon/7391

Está en etapa experimental, por lo cual es preciso registrarse en Mozilla para poder instalarla. Sin embargo también está disponible desde la web del desarrollador: http://www.niquelao.net/extension-colorchecker/

Apenas la vengo descubriendo pero pinta muy bien. Ya hice un par de pruebas. Recuerden también instalar Colorzilla para que la selección del hexa se haga más sencilla. Estas dos extensiones se integran muy bien.


Otras herramientas:

Color Filter (Aporte de facundocarradini).

Gray Bit (Aporte de mediocre)

Última edición por metacortex; 01/02/2009 a las 17:02 Razón: Añadir datos
  #2 (permalink)  
Antiguo 01/02/2009, 05:35
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Interesante herramienta para comprobar contraste de colores

Gracias!
En cuanto pueda lo pruebo!!

Ares
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #3 (permalink)  
Antiguo 01/02/2009, 08:55
Avatar de facundocorradini
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Argentina
Mensajes: 965
Antigüedad: 16 años
Puntos: 53
Respuesta: Interesante herramienta para comprobar contraste de colores

Una herramienta relacionada muy interesante es el sitio Color Filter , mediante el cual podemos ver cómo verían nuestro sitio las personas con distintos tipos de daltonismo.

Yo lo uso mucho desde que me enteré de la alta incidencia de esta enfermedad (en sus distintos tipos y gravedad afecta al 8% de la población masculina). Así que les recomiendo fijarse siempre si nuestras webs se pueden entender al menos con los tipos más comunes de daltonismo.

saludos!
__________________
<<==== Si una respuesta te ayuda, dale al botón de Karma! Haz fluir la buena onda web!
  #4 (permalink)  
Antiguo 01/02/2009, 16:34
 
Fecha de Ingreso: febrero-2008
Mensajes: 48
Antigüedad: 16 años, 2 meses
Puntos: 2
Respuesta: Interesante herramienta para comprobar contraste de colores

Para los contrastes yo uso

http://graybit.com

Le das una dirección web y te la muestra en blanco y negro. Nada mejor para comprobar el contraste de una página

Última edición por j_aroche; 01/02/2009 a las 19:16 Razón: Ya no hay peitos
  #5 (permalink)  
Antiguo 30/03/2009, 05:14
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 1 mes
Puntos: 65
Respuesta: Interesante herramienta para comprobar contraste de colores

Hasta ahora también usaba Color Filter, me gustaría ver esta herramienta a ver como evoluciona ya que todavía no la comprendo, supongo que seguirán en periodo de pruebas.

Gracias metacortex
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 15:25.