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.

(3) La recomendación de WCAG 2.0 para el límite entre el tamaño de tipografía pequeño y grande es 12pt(19px). Esta es una referencia para fuentes claras, limpio y estandarizadas (como Arial, Open Sans o Roboto). Esto significa que dependiendo de la tipografía que elijas, el tamaño mínimo puede ser superior a 12pt(19px) para seguir siendo accesible y legible (como para Indie Flower, Quicksand o Yellowtail).