Accueil Convertisseur de couleur
Convertisseur de couleur
#RGB double chaque chiffre en #RRGGBB. #ff0000 est rgb(255, 0, 0) et hsl(0, 100%, 50%). La couleur reste ici.
Pourquoi
Un dessin et une feuille de style écrivent la même couleur #ff0000, rgb(255, 0, 0) ou hsl(0, 100%, 50%).
Étirer le court #abc sur six chiffres puis arrondir le HSL à des entiers peut déplacer un canal de 1.
-
01Mode d’emploi
Modifiez HEX, RGB ou HSL et les deux autres champs ainsi que l’échantillon suivent.
L’échantillon peint ce hex en fond. Copier place les lignes hex, rgb() et hsl() dans le presse-papiers.
Fermer l’onglet efface la couleur. Cette page ne lit pas un canal alpha.
-
02Exemple
#ff0000, #00ff00 et #0000ff sont hsl(0, 100%, 50%), hsl(120, 100%, 50%) et hsl(240, 100%, 50%), et chacun revient au même hex.
#fff est #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 est hsl(0, 0%, 0%).
Saisi#ff0000
#ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%) #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%) #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%) #abc #aabbcc · retour à #a9bacb -
03À savoir
La teinte 360 est la même que 0. hsl(360, 100%, 50%) est #ff0000.
Le gris #808080 a une saturation de 0, donc la teinte sort à 0. Une luminosité de 50 % revient à 128, 128, 128.
Un canal hors limites, ou une décimale, montre une erreur dans ce champ et la dernière couleur n’est pas copiée.
Cette conversion est le sRGB d’un écran. Elle ne produit pas de CMYK d’imprimerie.
Questions
- Q#f00 est-il le même que #ff0000 ?
- AOui. Chaque chiffre est écrit deux fois et cela fait #ff0000.
- QLe HSL de #abc rend-il le même hex ?
- ANon. hsl(210, 25%, 73%) revient en #a9bacb.
- QUn hex à 8 chiffres est-il lu ?
- ANon. Seuls #RGB et #RRGGBB sont lus.
- QLa couleur est-elle enregistrée ?
- ANon. Elle reste dans ce navigateur et n’est pas envoyée à un serveur.
Comment cette page calcule
Cette page passe HEX, RGB et HSL à la même couleur sRGB. #RRGGBB écrit le rouge, le vert et le bleu sur deux chiffres. #ff0000 est rgb(255, 0, 0) et hsl(0, 100%, 50%). #00ff00 a la teinte 120, et #0000ff a la teinte 240. #RGB double chaque chiffre. #abc devient #aabbcc, soit rgb(170, 187, 204) et hsl(210, 25%, 73%).
HSL utilise la même conversion que CSS, et l’écran arrondit la teinte, la saturation et la luminosité à des entiers. Revenir par ces entiers peut déplacer un canal de 1. hsl(210, 25%, 73%) issu de #abc revient en #a9bacb. #808080 est rgb(128, 128, 128) et hsl(0, 0%, 50%), puis revient à #808080. La teinte 360 est la même que 0, donc hsl(360, 100%, 50%) est #ff0000.
Chaque canal RGB est un entier de 0 à 255. La saturation et la luminosité vont de 0 à 100. Un hex à 8 chiffres et une décimale ne sont pas lus. Une valeur hors limites montre une erreur dans ce champ, et la dernière couleur n’est pas copiée. Cette conversion est le sRGB d’un écran et ne produit pas de CMYK d’imprimerie. La couleur reste dans ce navigateur et n’est pas envoyée à un serveur.