Color Tester par MediaAndMe

Un outil pour webdesigner.

Créez et testez votre palette de couleurs, validez le contraste des couleurs pour l'accessibilité (WCAG 2.0 (EN)), simulez la palette vue par une personne daltonienne, convertissez les couleurs en HSLA, RGBA et hex pour votre CSS, convertissez en CMJN(1).

Une fois prête, partagez votre palette avec votre équipe et exportez-la en CSS ou en swatch/palette pour Adobe Photoshop, Adobe Illustrator, Adobe Indesign, Gimp, Inkscape et OpenOffice.

partager la
palette
exporter la
palette
Ratio du contraste
WCAG
normal
  • normal
  • deuteranomalie
  • deuteranopie
  • protanomalie
  • protanopie
  • tritanomalie
  • tritanopie
  • achromatopsie
tous
  • tous
  • WCAG AA grands caractères
  • WCAG AA complet
  • WCAG AAA grands caractères
  • WCAG AAA complet
texte
  • fond
  • texte
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 convertion de couleur CMJN est expérimentale, la couleur peut être différente de votre rendu à l'écran lors de l'impression et ne supporte pas les niveaux d'opacité. Il est toujours recommandé d'imprimer la couleur et de la vérifier avant de l'utiliser pour la production.

(2) Le calcul de validation WCAG 2.0 prend en considération l'opacité.
Cela signifie que si un fond utilise un niveau de transparence (uniquement avec RGBA et HSLA), la validité est basée sur la probabilité que ce fond soit sur une autre couleur résultant par le plus mauvais contraste.