Convertit une couleur entre les notations HEX, RGB et HSL — choisissez-en une avec le sélecteur ou saisissez une valeur, et les deux autres formats se mettent à jour instantanément. Pratique pour le CSS, pour respecter des couleurs de marque ou pour reporter dans le code une valeur issue d'un outil de design.
Quels formats sont pris en charge ?
Convertissez instantanément les couleurs entre les notations HEX, RGB et HSL. C'est un outil pratique pour la conception web et le CSS, pour harmoniser les couleurs d'une marque ou pour traduire une valeur d'un outil de design vers le format dont votre code a besoin.
Comment utiliser le convertisseur de couleurs ?
- Choisissez une couleur ou saisissez une valeur — sélectionnez une teinte avec le sélecteur de couleur ou saisissez directement une valeur HEX, RGB ou HSL.
- Conversion automatique — les valeurs dans les autres formats se mettent à jour instantanément.
- Copier — récupérez la valeur voulue grâce au bouton « Copier » situé à côté du format souhaité.
Quelle est la différence entre HEX, RGB et HSL ?
Le HEX (par exemple #1a73e8) est un code compact à six chiffres courant en CSS. Le RGB décrit une couleur par ses canaux rouge, vert et bleu (0 à 255). Le HSL utilise la teinte, la saturation et la luminosité, ce qui facilite l'ajustement manuel d'une couleur.
Comment lire un code HEX ?
Le HEX prend la forme #RRGGBB, où le rouge, le vert et le bleu sont chacun exprimés par deux chiffres hexadécimaux (00 à FF, soit 0 à 255). Par exemple, #FF0000 correspond au rouge et #00FF00 au vert. La forme abrégée à trois chiffres (#RGB) existe aussi : elle équivaut à répéter deux fois chaque chiffre.
Quand utiliser le HSL ?
Le HSL est intuitif pour changer de teinte en faisant seulement varier la valeur Hue, ou pour créer des variantes plus claires et plus sombres d'une même couleur en ajustant uniquement la saturation ou la luminosité. Il est particulièrement pratique pour peaufiner une couleur à la main ou construire une palette.
Où sont envoyées les valeurs de couleur saisies ?
Nulle part. Toutes les conversions ont lieu uniquement dans votre navigateur : aucune valeur n'est envoyée à un serveur, et l'outil fonctionne même hors ligne.