⚙️
Tools Box
Créa
🎨Créa
Gratuit

Colorable

Outil minimaliste pour vérifier contraste WCAG AA / AAA entre 2 couleurs.

[!info] TL;DR : Outil minimaliste de Brent Jackson pour vérifier le contraste et l'accessibilité de combinaisons de couleurs.

Colorable : test de contraste accessibilité couleurs

Tool de référence (Brent Jackson) qui calcule le ratio de contraste WCAG entre deux couleurs et indique la conformité AA / AAA.

Ce que ça permet

  • Calculer ratio contraste entre 2 couleurs
  • Vérifier conformité WCAG AA et AAA
  • Tester rapidement plusieurs combos
  • Identifier paires accessibles
  • Comprendre contraste perçu (Albers)
  • Tester en live avec hex modifiables

Pour qui

  • UI designers en accessibilité
  • Front devs qui valident une charte
  • Brand teams en contrôle WCAG
  • Studios qui livrent un système de couleurs

Mini-playbook

  1. Saisir background et foreground hex
  2. Vérifier ratio (AA = 4.5:1 mini)
  3. Itérer jusqu'à conformité
  4. Documenter dans le brand kit

Pièges

  • Ne couvre que la paire couleurs
  • Pas de palette ou export
  • Pas de check large-text vs small-text auto
  • Alternatives : Adobe Color, Stark, Contrast Ratio (Lea Verou), WebAIM
  • Outil minimaliste, pas de save

Tags

  • Catégorie : 🎨 Vidéo / Audio / Image
  • Tags : Design, Free, Utilitaire