Sélecteur de couleur

Trouver une couleur, obtenir HEX / RGB / HSL.

Palettes, contraste WCAG, conversions.

#6366F1
HEX
RGB
HSL

Présélection

Contraste WCAG

vs #FFFFFF
4.47:1
AA Large
vs #000000
4.70:1
AA

Comment utiliser Sélecteur de couleur

  1. 1
    Cliquez sur la palette ou saisissez un code HEX.
  2. 2
    Consultez les valeurs HEX / RGB / HSL et le ratio de contraste WCAG.
  3. 3
    Copiez le code dans le format de votre choix.

Guide pratique : Sélecteur de couleur

Pourquoi utiliser cet outil ?

Les développeurs ont besoin d'outils rapides pour formater, encoder, tester ou préparer des données sans ouvrir un IDE pour une tâche simple. Ces utilitaires couvrent les cas les plus courants du développement web et API.

Confidentialité et limites

Les données techniques restent locales. Extraits JSON, payloads API et contenus de test ne quittent pas votre navigateur.

Sélecteur de couleur est conçu pour être gratuit, rapide et accessible sans création de compte. Il convient aux indépendants, étudiants, équipes marketing, développeurs et PME qui veulent traiter une tâche ponctuelle efficacement.

Bonnes pratiques

  • Ne collez jamais de vraies clés API.
  • Validez le résultat dans votre environnement.
  • Utilisez des données anonymisées.

Recherches associées : color picker, sélecteur couleur, hex picker.

Questions fréquentes

À quoi sert le contraste WCAG ?

Il mesure la différence de luminosité entre deux couleurs. Le standard WCAG impose un ratio minimum de 4.5:1 pour le texte normal (AA) et 7:1 pour les utilisateurs malvoyants (AAA).

Quelle différence HEX, RGB et HSL ?

HEX (#RRGGBB) est compact, RGB exprime les composantes Rouge-Vert-Bleu, HSL utilise teinte-saturation-luminosité (plus intuitif pour ajuster une couleur).

Mes couleurs sont-elles enregistrées ?

Non. Toutes les conversions se font dans votre navigateur. Aucun envoi de données.