🎨 Color Picker
Sélectionnez une couleur ou entrez une valeur dans n'importe quel champ. Tous les formats se synchronisent automatiquement.
🔎 Vérificateur de contraste WCAG
🕔 Couleurs récentes
Aucune couleur récente
🎨 Palette Tailwind CSS
🎨 Palette Material Design
Description
Selecteur de couleurs complet avec conversion entre tous les formats CSS et verification de contraste WCAG.
Fonctionnalites
- Conversion synchronisee entre HEX, RGB, HSL, RGBA, HSLA et HEX8
- Curseur d'opacite (alpha) avec apercu en temps reel
- Verificateur de contraste WCAG (niveaux AA et AAA, texte normal et large)
- Palettes Tailwind CSS et Material Design integrees et depliables
- Historique des couleurs recentes avec possibilite de les reutiliser
Utilisation
- Cliquez sur le selecteur natif ou saisissez une valeur dans n'importe quel champ pour synchroniser tous les formats
- Copiez le code CSS pret a l'emploi (color, background, background rgba) en un clic
- Utilisez le verificateur de contraste pour valider l'accessibilite de vos combinaisons de couleurs
- Cliquez sur une couleur des palettes Tailwind ou Material pour la charger directement
Astuces
- Le champ HEX accepte les formats courts (#f00) et longs (#ff0000)
- Ajustez l'opacite avec le curseur pour voir instantanement les valeurs RGBA et HSLA
- Un ratio de contraste de 4.5:1 minimum est requis pour le niveau AA (texte normal)
Copié !