Convertisseur de couleurs - Convertisseur HEX RGB HSL
Convertissez des couleurs entre les formats HEX, RGB, RGBA, HSL et HSV avec ce convertisseur de couleurs en ligne gratuit. Aperçu en direct et conversion instantanée.
rgb(51, 102, 255)rgba(51, 102, 255, 1)hsl(225, 100%, 60%)hsv(225, 80%, 100%)#3366ffPlus d'outils
Qu'est-ce qu'une couleur HEX ?
Une couleur HEX est une représentation hexadécimale à 6 chiffres d'une couleur utilisée en conception web et en CSS. Elle commence par un symbole dièse (#) suivi de trois paires de chiffres hexadécimaux représentant les composantes rouge, verte et bleue. Par exemple, #FF0000 représente le rouge pur (255 rouge, 0 vert, 0 bleu). Les couleurs HEX sont le format le plus courant en développement web car elles sont compactes et universellement prises en charge.
RGB vs HSL
RGB
RGB (Rouge, Vert, Bleu) représente les couleurs comme une combinaison de lumière rouge, verte et bleue. Chaque composante varie de 0 à 255. RGB est intuitif pour les machines mais moins intuitif pour les humains — il est difficile de visualiser comment le mélange de rouge, de vert et de bleu produit une nuance spécifique.
HSL
HSL (Teinte, Saturation, Luminosité) représente les couleurs d'une manière qui correspond à la perception humaine. La teinte est le type de couleur (0-360 degrés sur la roue chromatique), la saturation est l'intensité (0-100 %) et la luminosité est la clarté (0-100 %). HSL est plus intuitif pour les designers et facilite la création de variations de couleurs.
Exemples de formats de couleur
HEX#3366FF — Utilisé en CSS, HTML et développement web. Hexadécimal à 6 chiffres, prend en charge la forme abrégée (#36F).RGBrgb(51, 102, 255) — Utilisé en CSS. Chaque valeur de 0 à 255.RGBArgba(51, 102, 255, 0.8) — RGB avec transparence alpha (0.0 à 1.0).HSLhsl(225, 100%, 60%) — Teinte (0-360), Saturation et Luminosité (0-100%).HSVhsv(225, 80%, 100%) — Teinte, Saturation et Valeur. Utilisé dans les logiciels graphiques et les sélecteurs de couleurs.Comment utiliser le convertisseur de couleurs
- 1
Choisissez une couleur à l'aide du sélecteur de couleur ou saisissez une valeur HEX/RGB
- 2
Voyez tous les formats de couleur se mettre à jour instantanément — HEX, RGB, RGBA, HSL et HSV
- 3
Cliquez sur « Couleur aléatoire » pour découvrir de nouvelles couleurs
- 4
Utilisez les boutons de copie pour copier n'importe quel format dans le presse-papiers
Questions fréquentes
Comment convertir HEX en RGB ?
Les couleurs HEX sont simplement une représentation hexadécimale des valeurs RGB. Pour convertir HEX en RGB : divisez le code HEX à 6 chiffres en trois groupes de 2 chiffres (ex. #FF8040 devient FF=255, 80=128, 40=64). Chaque paire est un nombre hexadécimal représentant les composantes rouge, verte et bleue de 0 à 255. Notre convertisseur le fait automatiquement — choisissez ou saisissez simplement n'importe quelle couleur.
Quel format de couleur le CSS utilise-t-il ?
CSS prend en charge plusieurs formats de couleur : HEX (#FF0000), RGB/rgb(255,0,0), RGBA/rgba(255,0,0,0.5), HSL/hsl(0,100%,50%) et les couleurs nommées (red, blue). Le CSS moderne prend également en charge des formats plus récents comme HWB, LAB, LCH et OKLCH. HEX et RGB sont les plus largement pris en charge et couramment utilisés en développement web.
Quelle est la différence entre HSL et HSV ?
HSL et HSV utilisent tous deux la teinte et la saturation, mais diffèrent par le troisième composant. HSL utilise la Luminosité — 50 % est la couleur pure, 0 % est le noir et 100 % est le blanc. HSV utilise la Valeur (ou Brillance) — 100 % est la couleur pure et 0 % est le noir. HSL est plus courant en CSS et en conception web, tandis que HSV est plus courant dans les logiciels de retouche d'image et les sélecteurs de couleurs.
Mes données sont-elles envoyées à un serveur ?
Non. Toute la conversion de couleurs s'effectue entièrement dans votre navigateur à l'aide de JavaScript. Aucune donnée n'est jamais téléversée ni stockée. Votre confidentialité est entièrement protégée.
Vous avez trouvé un problème avec cet outil ?
Signaler un problème