Convertisseur et sélecteur de couleurs
Choisissez une couleur et obtenez instantanément ses valeurs HEX, RGB et HSL. Cliquez pour copier le format de votre choix — idéal pour le CSS, les outils de design et le code.
Un outil de couleur conçu pour les designers et les développeurs
Convertissez entre HEX, RGB et HSL en temps réel, puis copiez directement dans votre CSS, Figma ou vos design tokens.
Conversion en temps réel
Modifiez n'importe quel format et voyez HEX, RGB et HSL se recalculer dès que vous saisissez une valeur. Pas de bouton de conversion, aucun délai.
Trois formats synchronisés
HEX pour le code, RGB pour le calcul, HSL pour les ajustements intuitifs. Les trois restent liés : choisissez celui que vous préférez.
Copie en un clic
Chaque format dispose de son propre bouton de copie qui place des valeurs prêtes pour le CSS dans votre presse-papiers. Collez-les directement dans votre feuille de style.
Sélecteur de couleur visuel
Choisissez n'importe quelle couleur visuellement grâce à un sélecteur couvrant tout le spectre. Idéal pour prélever, affiner et explorer des palettes.
Sortie prête pour le CSS
Chaque format est généré en CSS valide — sans reformatage ni conversion supplémentaire. Compatible avec tous les navigateurs modernes et outils de design.
100 % privé — sans serveur
Tous les calculs de couleur s'exécutent dans votre navigateur. Vos couleurs, palettes et valeurs ne quittent jamais votre appareil.
Qui utilise le convertisseur de couleurs
Des débutants en CSS aux équipes de marque qui gèrent un design system — un seul outil, tous les workflows.
Développeurs web
Convertissez vos design tokens entre propriétés personnalisées CSS, configurations Tailwind et codes HEX issus de l'inspecteur du navigateur.
- Variables CSS et couleurs Tailwind
- Convertissez le HEX de Figma en HSL pour vos thèmes
- Déboguez les écarts de couleur entre plateformes
Designers
Gardez des palettes cohérentes entre Figma, Sketch, Adobe et le web — convertissez instantanément n'importe quelle teinte d'un système de couleurs à l'autre.
- Exportez le HEX de Figma vers le CSS
- Ajustez saturation et luminosité avec HSL
- Harmonisez les couleurs de marque entre les outils
Équipes de marque et de charte graphique
Documentez vos palettes de marque dans tous les formats dont designers et développeurs ont besoin — HEX, RGB et HSL côte à côte.
- Générez des palettes de marque en trois formats
- Créez des spécifications de couleurs partageables
- Auditez d'anciens codes couleur
Comment convertir des couleurs
Choisissez une couleur avec le sélecteur, ou saisissez directement une valeur HEX, RGB ou HSL dans n'importe quel champ.
Tous les formats se mettent à jour instantanément — les valeurs HEX, RGB et HSL sont recalculées en temps réel à chaque modification.
Cliquez sur le bouton Copier à côté du format de votre choix pour copier la valeur dans votre presse-papiers, prête à être collée dans votre CSS, Figma ou votre code.
Découvrez d'autres outils
Découvrez d'autres outils gratuits qui se marient parfaitement avec celui-ci
Compresseur d'images
Réduisez la taille des fichiers sans perdre en qualité
Redimensionneur d'images
Redimensionnez vos images aux dimensions exactes
Suppression d'arrière-plan
Supprimez les arrière-plans avec la précision de l'IA
Générateur de QR code
Créez instantanément des QR codes personnalisés
Convertisseur d'images
Convertissez entre plus de 30 formats d'image
PNG en WebP
Des fichiers plus légers, la même qualité pour le web
Questions fréquentes
Réponses aux questions les plus courantes sur la conversion de couleurs entre HEX, RGB et HSL.
Quelle est la différence entre HEX, RGB et HSL ?
Le HEX (p. ex. #FF5733) est une représentation hexadécimale utilisée en HTML et en CSS. Le RGB (p. ex. rgb(255, 87, 51)) définit une couleur par ses canaux rouge, vert et bleu. Le HSL (p. ex. hsl(11, 100%, 60%)) définit une couleur par sa teinte, sa saturation et sa luminosité — souvent plus intuitif pour les designers qui font de petits ajustements.
Puis-je saisir directement un code HEX ?
Oui. Cliquez sur le champ HEX, puis saisissez ou collez un code HEX valide à 6 chiffres (p. ex. #3B82F6). Les valeurs RGB et HSL se mettent à jour automatiquement. Les formats à 3 chiffres (#RGB) et à 6 chiffres (#RRGGBB) sont tous deux pris en charge.
Les données de couleur sont-elles envoyées à un serveur ?
Non. Toute la conversion de couleurs s'effectue entièrement dans votre navigateur grâce à JavaScript. Rien n'est envoyé à un serveur.
Puis-je utiliser cet outil pour obtenir des valeurs de couleur CSS ?
Oui — cliquez simplement sur Copier à côté de HEX, RGB ou HSL, puis collez la valeur directement dans votre CSS. Les trois formats sont des valeurs de couleur CSS valides, prises en charge par tous les navigateurs modernes.