Color Converter | Free Edu & .COM Temporary Mails
← Tous les outils / Color Converter

🎨 Convertisseur de couleurs

Convertissez les couleurs entre les formats HEX, RVB et HSL. Cliquez sur le sélecteur de couleurs ou saisissez n’importe quelle valeur.

Qu'est-ce qu'un convertisseur de couleurs ?

Un convertisseur de couleurs traduit les valeurs de couleur entre les différents formats utilisés dans la conception Web, la conception graphique et la production imprimée. Les trois formats de couleurs Web les plus courants sont HEX (par exemple #3498db), RVB (par exemple rgb(52, 152, 219)) et HSL (par exemple hsl(204, 70 %, 53 %)). Chacun représente la même couleur mais dans une notation différente préférée par différents outils, langages et flux de travail.

Les développeurs Web passent à HEX pour les raccourcis HTML/CSS, utilisent RVB lorsqu'ils doivent appliquer l'opacité avec rgba() et utilisent HSL lorsqu'ils souhaitent ajuster par programme la luminosité ou la saturation. Les graphistes copiant un code hexadécimal depuis Figma ou Photoshop peuvent en avoir besoin en RVB pour une plate-forme spécifique. Notre outil gère instantanément toutes les conversions, y compris un aperçu des couleurs en direct et la variable CSS correspondante.

Comment utiliser le convertisseur de couleurs

  1. Cliquez sur le sélecteur de couleurs pour sélectionner visuellement n'importe quelle couleur - tous les champs sont mis à jour automatiquement.
  2. Ou tapez un HEXAMEN valeur (par exemple #ff6600) et cliquez sur Convertir.
  3. Ou tapez un RVB valeur (par exemple rgb(255, 102, 0)) et cliquez sur Convertir.
  4. Ou tapez un LGV valeur (par exemple hsl(24, 100%, 50%)) et cliquez sur Convertir.
  5. Cliquez sur l'icône de copie à côté de n'importe quel champ pour copier ce format dans votre presse-papiers.

Pourquoi utiliser notre convertisseur de couleurs ?

  • 100% Gratuit — Convertissez un nombre illimité de couleurs sans frais.
  • Aucune inscription — Accès instantané sans créer de compte.
  • Basé sur un navigateur — S'exécute côté client sans aucune donnée envoyée aux serveurs.
  • Aperçu en direct — Voyez la couleur réelle au fur et à mesure que vous tapez ou choisissez.
  • Sortie de variable CSS — Génère une chaîne de propriétés personnalisées CSS prête à l'emploi.

Foire aux questions

HEX (#rrggbb) est une représentation hexadécimale compacte largement utilisée en CSS et HTML. RVB (rouge, vert, bleu) exprime chaque canal sous la forme d'un nombre entier compris entre 0 et 255, ce qui facilite le mélange des canaux par programmation. HSL (teinte, saturation, luminosité) est le plus intuitif pour l'homme : vous ajustez l'angle de teinte (0 à 360°) et les pourcentages de saturation/luminosité pour obtenir des variations de couleur prévisibles.

Utilisez les fonctions CSS rgba() ou hsla(), qui ajoutent un quatrième canal alpha (0 = entièrement transparent, 1 = entièrement opaque). Par exemple : rgba(52, 152, 219, 0.5) est le même bleu à 50 % d'opacité. HEX prend également en charge la notation à 8 chiffres avec alpha (par exemple #3498dbcc) dans les navigateurs modernes.

Parce que vous pouvez garder la teinte constante et varier uniquement la luminosité et la saturation pour créer des nuances harmonieuses. Par exemple, hsl(210, 70%, 30%), hsl(210, 70%, 50%) et hsl(210, 70%, 70%) sont des variantes sombres, moyennes et claires du même bleu, parfaites pour les systèmes de conception et les variables CSS.

Pas directement à partir d'une capture d'écran, mais vous pouvez utiliser le sélecteur de couleurs de votre système d'exploitation ou une extension de navigateur pour échantillonner la couleur de n'importe quel pixel de votre écran, puis coller le code HEX dans cet outil pour obtenir les équivalents RVB et HSL.

Faits en bref

  • ✓ 100% gratuit, pas de frais cachés
  • ✓ Aucun compte ou connexion requis
  • ✓ Fonctionne dans n'importe quel navigateur
  • ✓ Vos données ne quittent jamais votre appareil
  • ✓ Convertit HEX, RVB et HSL avec aperçu en direct

Outils associés