Comprobar una paleta en escala de grises

Pega una lista de colores y mira cada uno convertido a su tono de gris equivalente. La herramienta señala cualquier pareja que queda demasiado parecida para distinguirla una vez que el color desaparece.

  • Gratis
  • Sin registro
  • Funciona en tu navegador
grayscale-palette-checker

Rellena los valores de arriba para ver el resultado.

100 % privado — el cálculo se hace en tu navegador y no se envía nada a ningún servidor.

Cómo funciona

Pega tus colores

La paleta de un gráfico, un conjunto de etiquetas de categoría, una paleta de marca.

Mira la versión en gris

Cada color junto a su equivalente en gris.

Corrige las parejas señaladas

Ajusta la luminosidad de los colores que chocan en gris.

El color no siempre está ahí para ayudar

Un gráfico con cinco líneas de colores bien diferenciados puede convertirse en un lío ilegible en el momento en que se imprime en una impresora en blanco y negro, se envía por fax, lo ve alguien con daltonismo, o se muestra en una pantalla mal calibrada. En todos esos casos, lo que importa no es el tono sino la luminosidad de cada color, porque eso es lo que sobrevive cuando se quita la información de color. Esta herramienta convierte tu paleta a escala de grises de la misma forma que lo haría una impresora o un navegador y te muestra el resultado directamente.

Cómo se convierten los colores

Cada color se convierte usando la misma fórmula de luminancia relativa que se usa para los cálculos de contraste WCAG, que da más peso al verde y menos al azul, siguiendo cómo percibe el brillo el ojo humano. Es el método estándar que usa la mayoría del software cuando necesita un único valor de brillo para un color, más cercano a cómo convierten a escala de grises la impresión y la pantalla que un simple promedio de los valores rojo, verde y azul.

Qué cuenta como un choque

Se señalan dos colores cuando sus valores de gris están lo bastante cerca como para costar distinguirlos, un problema habitual en paletas construidas solo variando el tono, como un arcoíris de colores saturados que resulta que tienen un brillo parecido. El rojo y el verde en particular a menudo se convierten en grises muy parecidos, lo que agrava el problema de legibilidad para las muchas personas con daltonismo rojo-verde incluso cuando el color está presente.

Qué hacer con un choque

Varía la luminosidad de los colores implicados, no solo su tono: haz que uno sea claramente más oscuro o más claro que el otro. Añadir una segunda señal visual, como un patrón, un estilo de línea o una etiqueta, es la solución más fiable para gráficos y diagramas que deben funcionar sin depender de la visión del color en absoluto. Para simular cómo se ve una imagen para tipos concretos de daltonismo en lugar de para escala de grises completa, usa el simulador de daltonismo.

Límites

Esto comprueba una lista de colores entre sí, no colores colocados sobre un fondo concreto, y no simula el resultado exacto de una impresora o un fax determinados. Todo se calcula en tu navegador.

Preguntas frecuentes

¿Cómo compruebo si los colores de mi gráfico funcionan en blanco y negro?
Pega los colores aquí. Cada uno se convierte a su equivalente en escala de grises, y se señalan las parejas que quedan demasiado parecidas.
¿Por qué algunos colores muy distintos se ven casi iguales en gris?
Porque la conversión a escala de grises se basa en el brillo, no en el tono. Dos colores de luminosidad parecida, como un rojo medio y un verde medio, pueden dar casi el mismo gris aunque se vean muy distintos en color.
¿Cómo corrijo una pareja señalada?
Haz que uno de los dos colores sea notablemente más claro u oscuro que el otro, o añade una señal que no sea el color, como un patrón o una etiqueta.
¿Es lo mismo que una simulación de daltonismo?
Está relacionado pero no es lo mismo. La comprobación en escala de grises cubre el daltonismo total y la impresión; el simulador de daltonismo muestra las formas parciales más comunes, como la deficiencia rojo-verde.
¿Importa el fondo?
Esta herramienta compara los colores entre sí, no contra un fondo concreto. Usa el comprobador de contraste para un color contra un fondo.
¿Se sube mi paleta?
No. Se convierte y se compara en tu navegador.