Color Tester per MediaAndMe

Una herramienta para el webdesigner.

Crear y probar su paleta de colores, validar contrastes de color para la accesibilidad (WCAG 2.0 (EN)), Simular su paleta visto por una persona daltónica, convertir los colores de HSLA, RGBA y hex para su CSS, convertir a CMYK(1).

Una vez listo, compartir su paleta con su equipo y exportar en CSS o en swatch/paleta para Adobe Photoshop, Adobe Illustrator, Adobe Indesign, Gimp, Inkscape y OpenOffice.

comparte la
paleta
exportar
la paleta
Proporción de contraste
WCAG
normal
  • normal
  • deuteranomalía
  • deuteranopía
  • protanomalía
  • protanopía
  • tritanomalía
  • tritanopía
  • acromatopsia
todos
  • todos
  • WCAG AA grande tipo de letra
  • WCAG AA entire
  • WCAG AAA grande tipo de letra
  • WCAG AAA entire
texto
  • fondo
  • texto
rgba
  • hex
  • hsl
  • hsla
  • rgb
  • rgba
Open Sans
  • Arial
  • Baloo Paaji
  • Indie Flower
  • Lora
  • Open Sans
  • Open Sans Condensed
  • Quicksand
  • Roboto
  • Slabo 27px
  • Times New Roman
  • Verdana
  • Yellowtail

(1) La conversión de color CMYK es experimental, el color puede diferir de su visualización en pantalla cuando se imprime y no es compatible con los niveles de opacidad. Siempre se recomienda para imprimir el color y para comprobar antes de usarlo para la producción.

(2) El cálculo de la validación de las WCAG 2.0 considera opacidad.
Esto significa que si un fondo tiene transparencia (sólo RGBA y HSLA), validez se basa en la probabilidad de que este fondo es sobre otro color resultante con la peor contraste.