Couleur : hexadécimal, RVB et teinte
Le code #3B82F6 et rgb(59, 130, 246) désignent la même couleur. Saisissez-la dans le format que vous avez et lisez les autres écritures, avec un aperçu.
- Hexadécimal
- #3B82F6
- RVB
- rgb(59, 130, 246)
- Teinte, saturation, luminosité
- hsl(217, 91 %, 60 %)
- Entier décimal
- 3 900 150
- Luminance relative
- 0,2355
Comment ça se calcule
Un code hexadécimal #RRGGBB contient trois nombres de deux chiffres hexadécimaux : rouge, vert, bleu, de 0 à 255. Le format TSL se déduit du plus grand et du plus petit canal : la luminosité est leur moyenne, la saturation mesure leur écart, la teinte est un angle sur le cercle des couleurs.
Questions fréquentes
Pourquoi les codes vont-ils de 00 à FF ?
Parce qu'un canal tient sur un octet, soit 256 niveaux, et que deux chiffres hexadécimaux suffisent à écrire une valeur de 0 à 255.
#FFF est-il valide ?
Oui, c'est une écriture abrégée : chaque chiffre est doublé, #FFF équivaut à #FFFFFF.
Cas fréquents
Des exemples déjà remplis, avec leur explication :
- #FF0000 en RVB : le rouge pur
- RVB (34, 139, 34) en hexadécimal
- TSL (120, 100 %, 25 %) : un vert profond
- Le code abrégé #FFF et #09C
Intégrer cet outil sur votre site
Les résultats sont fournis à titre indicatif. Pour aller plus loin, découvrez les sites de la catégorie Sandbox et casse-têtes de l'annuaire et lisez le guide de cette catégorie.
Autres outils
- AAContraste WCAG entre texte et fondRapport de contraste et niveaux AA et AAA
- AA+Ajuster une couleur de texte pour atteindre le niveau AAAssombrir ou éclaircir une teinte jusqu'au contraste visé
- ~Dégradé entre deux couleurs en plusieurs étapesCouleurs intermédiaires d'un dégradé linéaire
- bppProfondeur de couleur et nombre de couleursBits par pixel et couleurs distinctes d'un format
- KoPoids total d'une page par type de ressourceAdditionner HTML, CSS, JS, images et polices
- jpgPoids d'une image après compressionEstimer le poids final selon dimensions et rapport saisi