Outils couleur
Convertis et vérifie la couleur
Math couleur qui tourne dans ton navigateur. Convertis entre hex, RGB, HSL et OKLCH ; vérifie le contraste contre les seuils WCAG.
Sans upload 100% navigateur
Convertisseur de couleur
Convertis entre hex, rgb(), hsl() et oklch() avec un swatch d'aperçu en direct et un color picker natif.
Ouvrir
Vérificateur de contraste WCAG
Vérifie le contraste premier plan/arrière-plan contre les seuils WCAG 2.1 AA et AAA pour le texte normal, le texte large et les composants UI.
Ouvrir
Foire aux questions
- Quels formats de couleur sont pris en charge ?
- hex, rgb(), hsl() et oklch() — à la fois la syntaxe moderne séparée par des espaces et l'ancienne séparée par des virgules.
- C'est quoi OKLCH ?
- Un espace de couleur perceptuellement uniforme avec des axes Luminosité, Chroma et Teinte. Il produit des dégradés et palettes plus consistants que HSL parce que des pas numériques égaux paraissent comme des pas visuels égaux.
- Comment le contraste est-il calculé ?
- Selon WCAG 2.1 : la luminance relative est calculée pour chaque couleur, puis le ratio est (plus claire + 0.05) / (plus foncée + 0.05). Le résultat va de 1:1 (identique) à 21:1 (blanc sur noir).
- Quels seuils comptent pour l'accessibilité ?
- Le texte AA Normal exige ≥ 4.5 ; le texte AA Grand et les composants UI ≥ 3. AAA monte ces valeurs à ≥ 7 et ≥ 4.5. Vise au minimum AA sur les sites en production.
- Mes valeurs de couleur sont-elles envoyées quelque part ?
- Non. Les calculs de conversion et de contraste tournent en local ; rien ne quitte ton navigateur.