🛠 Outils IT
🛠 78 outils 📚 32 docs
🤖 Assistant
← Retour aux outils

🎨 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é !