Sélecteur de couleur

Qu'est-ce que cet outil ?

Sélectionnez n'importe quelle couleur visuellement et convertissez entre les formats HEX, RGB et HSL. Copiez les valeurs pour CSS et outils de design.

Sélecteur de couleur — HEX, RGB, HSL permet de choisir des couleurs visuellement ou de calculer des couleurs dérivées dans des formats utilisables en CSS et design system. HEX, RGB et HSL décrivent la même couleur avec des coordonnées différentes.

Adapté aux maquettes UI, tokens de design, variables CSS et harmonies de couleurs à vérifier puis copier rapidement.

Comment utiliser

1. Choisissez une couleur de base ou saisissez une valeur HEX.
2. Examinez les valeurs ou la palette calculée.
3. Copiez la valeur HEX, RGB, HSL ou CSS nécessaire.
4. Vérifiez aussi contraste et accessibilité sur les vrais fonds et textes.

Exemples

Outils et concepts liés

• MDN CSS color values
• Palette de couleurs — harmonies et thèmes
• Unités CSS — px, rem, em et pt