Si vous travaillez dans le design, sur les réseaux ou sur des sites web, vous verrez les couleurs écrites de plusieurs façons. Ce sont différentes manières de désigner la même chose.
Les trois formats
- HEX, comme
#E4007C: le plus courant en design web. Ce sont trois paires de chiffres : rouge, vert et bleu. - RGB, comme
rgb(228, 0, 124): la quantité de rouge, de vert et de bleu, de 0 à 255. - HSL, comme
hsl(330, 100%, 45%): teinte, saturation et luminosité. Pratique pour créer des variantes, par exemple une teinte plus claire.
Avec le Convertisseur de couleurs HEX, RGB et HSL, vous saisissez une couleur dans l'un de ces formats, ou vous la choisissez avec le sélecteur, et vous obtenez aussitôt les deux autres, avec des boutons pour les copier. Il accepte le HEX à 3 chiffres : #F0A équivaut à #FF00AA.
Extraire les couleurs d'une image
Vous avez un logo ou une photo de référence ? Palette de couleurs d'une image regroupe les teintes principales et vous donne leur HEX. Touchez une couleur pour la copier, ou copiez-les toutes en variables CSS. C'est une approximation : les couleurs proches sont regroupées.
Applications pratiques
- Créer un favicon à partir de votre logo.
- Convertir un SVG en PNG à la taille dont vous avez besoin.
- Laisser un logo sans fond avec Supprimer un fond de couleur unie.
Conseils d'accessibilité
Veillez à un bon contraste entre le texte et le fond, et ne vous appuyez pas uniquement sur la couleur pour transmettre une information. Un texte gris clair sur fond blanc peut être illisible pour beaucoup de personnes.