Convertisseur de Couleur
Convertissez les couleurs entre les formats HEX, RGB et HSL instantanement. Apercu visuel des couleurs, verificateur de contraste WCAG et palette generee. Tout le traitement s'effectue localement dans votre navigateur.
🔒 Tout le traitement s'effectue localement dans votre navigateur.
Comment utiliser ce convertisseur de couleur
- Entrez une couleur dans n'importe quel format — HEX, RGB ou HSL — et tous les autres formats se mettent a jour instantanement.
- Utilisez le selecteur de couleur (le carre sous l'apercu) pour selectionner visuellement n'importe quelle couleur.
- L'apercu de contraste montre comment votre couleur apparait sur fond blanc et noir, avec les ratios de contraste WCAG.
- Cliquez sur n'importe quel echantillon dans la palette generee pour utiliser cette couleur comme base.
- Copiez n'importe quel format en un clic.
A propos des formats de couleur
HEX, RGB et HSL sont trois facons differentes de representer la meme couleur. Les codes HEX sont compacts et largement utilises en CSS et HTML. RGB nomme explicitement les canaux rouge, vert et bleu. HSL est le plus intuitif — augmenter la luminosite rend une couleur plus claire.
Le ratio de contraste WCAG est critique pour l'accessibilite web. Le texte doit etre lisible sur son fond. Cet outil calcule le ratio de contraste contre les fonds blancs et noirs.
Le generateur de palette produit des variations de couleur basees sur la couleur selectionnee: variantes plus claires et plus sombres, plus et moins saturees, couleurs complementaires et analogues.
Questions fréquentes
Qu'est-ce qu'un code couleur HEX? ▼
Un code couleur HEX est une representation hexadecimale des couleurs RGB utilisee dans le design web. Il commence par # suivi de 6 caracteres (ou 3 en raccourci), comme #3B82F6. Chaque paire represente l'intensite du Rouge, du Vert et du Bleu. Les codes HEX sont le moyen le plus courant de specifier les couleurs en CSS et HTML.
Qu'est-ce que la couleur RGB? ▼
RGB (Rouge, Vert, Bleu) est un modele de couleur additif ou chaque couleur est definie par l'intensite de la lumiere rouge, verte et bleue. Les valeurs vont de 0 (aucune) a 255 (intensite complete). rgb(59, 130, 246) represente le meme bleu que #3B82F6.
Qu'est-ce que la couleur HSL? ▼
HSL (Teinte, Saturation, Luminosite) est un modele de couleur plus intuitif. Teinte est l'angle sur le cercle chromatique (0-360 degres), Saturation est l'intensite de la couleur (0-100%), et Luminosite est la clarte (0-100%). HSL facilite la recherche de nuances et de tons.
Qu'est-ce que le ratio de contraste WCAG? ▼
Le ratio de contraste WCAG mesure la distinction du texte par rapport a son fond, de 1:1 a 21:1. WCAG 2.1 exige un minimum de 4.5:1 pour le texte normal. Cet outil affiche le ratio de contraste contre les fonds blancs et noirs.
Comment fonctionne le generateur de palette? ▼
La palette genere des variations de couleur basees sur la couleur selectionnee: variantes plus claires et plus sombres, plus et moins saturees, couleurs complementaires et analogues. Cliquez sur un echantillon pour utiliser cette couleur.
Mes donnees de couleur sont-elles envoyees a un serveur? ▼
Non. Toute la conversion de couleur, le calcul de contraste et la generation de palette se font instantanement dans votre navigateur. Aucune donnee n'est envoyee ou stockee.
Quelle est la difference entre HEX et RGB? ▼
Les deux representent la meme couleur mais dans des formats differents. HEX utilise la notation base-16. RGB utilise des nombres decimaux (0-255) pour chaque canal. #FF5500 est identique a rgb(255, 85, 0).