Comprendre les formats de couleur Web
Les concepteurs Web et les développeurs frontend doivent constamment traduire les couleurs entre différents formats selon le contexte de leur CSS ou de leurs outils de conception. Notre convertisseur de couleur vous permet de basculer facilement entre les trois formats les plus dominants sur le Web.
HEX (Hexadécimal)
Les codes hexadécimaux sont la manière la plus courante de représenter les couleurs dans la conception Web. Ils consistent en un dièse (#) suivi de 6 caractères (utilisant les chiffres 0-9 et les lettres A-F). Les caractères sont divisés en trois paires représentant le Rouge, le Vert et le Bleu. Exemple : #FF0000 est le rouge pur.
RVB (Rouge, Vert, Bleu)
Le RVB représente les couleurs par la combinaison de lumière rouge, verte et bleue. Chaque valeur varie de 0 à 255. Exemple : rgb(255, 0, 0) est le rouge pur. Le RVB est souvent utilisé en CSS lorsque les développeurs ont besoin d'ajouter un canal alpha pour la transparence (RGBA).
TSL (Teinte, Saturation, Luminosité)
Le TSL est le format le plus intuitif pour les humains à comprendre et à manipuler.
- Teinte : Le degré sur la roue chromatique (0-360). 0 est rouge, 120 est vert, 240 est bleu.
- Saturation : Pourcentage (0-100%). 0% est une nuance de gris, 100% est la couleur pleine.
- Luminosité : Pourcentage (0-100%). 0% est noir, 50% est normal, 100% est blanc.
Les frameworks d'interface utilisateur modernes reposent fortement sur le TSL car il rend la génération de palettes de couleurs incroyablement facile. Pour créer une nuance plus foncée de votre couleur principale au survol, il vous suffit de diminuer le pourcentage de Luminosité tout en laissant la Teinte et la Saturation inchangées.