Stax

Sélecteur de Couleur

Choisissez n'importe quelle couleur et obtenez instantanément les valeurs HEX, RGB et HSL.

R
79
G
70
B
229
HEX#4F46E5
RGBrgb(79, 70, 229)
HSLhsl(243, 75%, 59%)

Qu'est-ce que le sélecteur de couleur ?

Cet outil donne les valeurs HEX, RGB, HSL et HSV de toute couleur instantanément. Essentiel pour designers, développeurs et créateurs de contenu — codes couleur corrects instantanément pour branding, design web et graphiques de réseaux sociaux.

Comment utiliser le sélecteur de couleur

  1. Cliquez sur la roue chromatique ou dégradé.
  2. Voir instantanément valeurs HEX, RGB, HSL.
  3. Utilisez la pipette pour prendre couleur d'une image.
  4. Copiez — collez dans CSS, outils de design.

Guide des formats de couleur

  • HEX — standard pour CSS, HTML
  • RGB — JavaScript, programmation
  • HSL — pour créer schémas de couleur
  • RGBA / HSLA — support de transparence

Questions fréquemment posées

Différence entre HEX, RGB, HSL ?
HEX (#FF5733) — standard en web/CSS, 6 chiffres hex. RGB (255, 87, 51) — valeurs Rouge/Vert/Bleu 0-255, facile en programmation. HSL (10°, 100%, 60%) — Teinte, Saturation, Luminosité — perceptuellement intuitif pour designers.
Quel format utiliser quand ?
HEX — CSS, HTML, outils de design (compact). RGB — canvas JavaScript, traitement d'image. RGBA — pour transparence. HSL — pour créer schémas de couleur (facile d'ajuster luminosité). HSV — dans UIs de sélecteurs de couleur.
Que sont les couleurs web-safe ?
216 couleurs qui apparaissaient identiques sur chaque navigateur/appareil (anciens systèmes). Aujourd'hui la couleur 24-bit (16.7 millions de couleurs) est standard, la palette web-safe est obsolète. Vous pouvez utiliser n'importe quelle couleur.
Comment assurer l'accessibilité du sélecteur de couleur ?
WCAG dit que le ratio de contraste entre texte et fond doit être 4.5:1+ (standard AA). Vérifiez avec l'outil de contraste. Ne transmettez pas l'information seulement par couleur — ajoutez aussi icônes ou étiquettes.

Outils associés