Outil Couleur Dev
Générez des palettes, vérifiez le contraste WCAG et convertissez entre HEX, RGB et HSL.
16
185
129
160
84%
39%
Tints & Shades
Harmonies
Complementary#B71048
Analogous L#10B72C
Analogous R#109BB7
Triadic L#7F10B7
Triadic R#B77F10
Accessibility Check
Contrast w/ White2.54:1
AAAAA
Contrast w/ Black8.28:1
AAAAA
* Based on WCAG 2.1 guidelines. Standard text requires 4.5:1, large text requires 3:1.
CSS Variables
--color-primary: #10B981; --color-primary-rgb: 16, 185, 129; --color-primary-hsl: 160, 84%, 39%;
outil couleur devcontraste wcagpalette generateurhex en rgbhsl convertisseurpipette couleur
Exemples et cas d’usage
- Vérifier l'accessibilité (contraste) de vos textes sur fond coloré.
- Générer des nuances et des harmonies pour vos interfaces UI.
- Convertir rapidement des couleurs pour vos fichiers CSS ou config Tailwind.
FAQ
- Qu'est-ce que le contraste WCAG ?
- Une norme d'accessibilité garantissant que le texte est lisible (ratio 4.5:1 min).
- Comment utiliser la pipette ?
- Cliquez sur 'Picker' pour capturer n'importe quelle couleur sur votre écran (Chrome/Edge).