🎨Convertisseur Couleur

Chargement...

Passez facilement d'un format de couleur à un autre pour vos projets de design ou de développement web.

1
Saisir une couleur
Entrez un code HEX, RGB ou HSL, ou utilisez le sélecteur visuel.
2
Conversions
L'outil affiche simultanément les équivalences dans tous les formats majeurs (CMYK inclus pour l'impression).
3
Code CSS
Copiez directement l'extrait de code CSS prêt à l'emploi.
4
Aperçu
Vérifiez le rendu visuel de la couleur choisie directement sur la page.

💡Le format HSL est plus intuitif pour ajuster la luminosité ou la saturation d'une couleur.
💡Pensez à vérifier le contraste entre le texte et le fond pour l'accessibilité web.
💡Utilisez les variables CSS avec le format HSL pour créer facilement des thèmes sombres et clairs.

Q. Quelle est la différence entre HEX, RGB et HSL ?: A. HEX est une notation hexadécimale (#FF5733), RGB spécifie les composantes rouge/vert/bleu (0-255), HSL décrit la teinte, la saturation et la luminosité, plus intuitif pour les ajustements humains.
Q. Comment ajuster la luminosité en HSL ?: A. Modifiez la valeur L (Luminosité) : 0% est noir pur, 100% est blanc pur, 50% est la couleur entièrement saturée.
Q. Comment inclure la transparence (alpha) en CSS ?: A. Utilisez rgba(255, 87, 51, 0.5) ou le format HEX à 8 chiffres #FF573380, où les deux derniers chiffres représentent le canal alpha.