Convertisseur et sélecteur de couleurs
Choisissez une couleur et obtenez instantanément ses valeurs HEX, RGB et HSL. copie n'importe quel format en un clic : idéal pour CSS, les outils de conception 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 copie directement dans votre CSS, Figma ou vos jetons de conception.
Conversion en temps réel
Modifiez n'importe quel format et observez le recalcul instantané des valeurs HEX, RGB et HSL pendant votre saisie. Sans bouton de convertir , sans délai.
Trois formats synchronisés
HEX pour le code, RGB pour les mathématiques, HSL pour des réglages intuitifs. Les trois restent liés, vous pouvez donc choisir votre préféré.
Copie en un clic
Chaque format possède un bouton de copie dédié qui place les valeurs CSS prêtes à l'emploi dans votre presse-papiers. Collez-les directement dans votre feuille de style.
Sélecteur de couleurs visuel
Choisissez visuellement n'importe quelle couleur grâce à un sélecteur de spectre complet. Idéal pour tester, ajuster et explorer les palettes.
Sortie prête pour CSS
Chaque format est généré comme du CSS valide — sans reformatage ni conversion. Compatible avec tous les navigateurs et outils de conception modernes.
100 % privé — Aucun serveur
Tous les calculs de couleurs sont effectués dans votre navigateur. Les couleurs, les palettes et les 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 système de design — un seul outil, quel que soit le flux de travail.
Développeurs Web
Convertir les jetons de conception entre les propriétés personnalisées CSS, les configurations Tailwind et les codes HEX extraits de l'inspecteur du navigateur.
- Variables CSS et couleurs Tailwind
- Convertir les thèmes Figma HEX en HSL
- Déboguer les incohérences de couleurs entre les plateformes
Designers
Assurez la cohérence des palettes entre Figma, Sketch, Adobe et le web : convertir instantanément n’importe quelle nuance entre les systèmes de couleurs.
- Exporter le code HEX de Figma vers CSS
- Ajustez la saturation et la luminosité avec HSL
- Harmoniser les couleurs de la marque sur tous les outils
Équipes du guide de marque et de style
Palettes de marques de documents dans tous les formats dont les concepteurs et les développeurs ont besoin : HEX, RGB et HSL côte à côte.
- Générer des palettes de marques en trois formats
- Créer des spécifications de couleurs partageables
- Codes de couleur hérités d'audit
Comment convertir les couleurs
Choisissez une couleur à l'aide du sélecteur de couleurs, ou saisissez directement une valeur HEX, RGB ou HSL dans n'importe quel champ de saisie.
Tous les formats sont mis à jour instantanément : les valeurs HEX, RGB et HSL sont recalculées en temps réel au fur et à mesure que vous effectuez des modifications.
Cliquez sur le bouton Copier à côté de n'importe quel format pour copie la valeur dans votre presse-papiers, prête à être collée dans CSS, Figma ou dans du code.
Explorer plus d'outils
Découvrez d'autres outils gratuits qui fonctionnent parfaitement en complément de celui-ci.
Compresseur d'images
Réduisez la taille des fichiers sans perte de qualité.
Redimensionneur d'image
Redimensionnez les images aux dimensions exactes.
Suppression d'arrière-plan
Suppression des arrière-plans avec une précision d'IA
Générateur de code QR
Créez instantanément des codes QR personnalisés
Convertisseur d'images
Conversion entre plus de 30 formats d'image
PNG vers WebP
Fichiers plus petits, même qualité pour le web
Foire aux questions
Réponses aux questions les plus fréquentes concernant la conversion des couleurs entre HEX, RGB et HSL.
Quelle est la différence entre HEX, RGB et HSL ?
HEX (par exemple #FF5733) est une représentation hexadécimale utilisée en HTML et CSS. RGB (par exemple rgb(255, 87, 51)) définit une couleur par ses canaux rouge, vert et bleu. HSL (par exemple hsl(11, 100%, 60%)) définit une couleur par sa teinte, sa saturation et sa luminosité ; cette approche est souvent plus intuitive pour les graphistes qui effectuent des ajustements précis.
Puis-je saisir directement un code HEX ?
Oui. Cliquez sur le champ de saisie HEX et saisissez ou collez un code HEX valide à 6 chiffres (par exemple, #3B82F6). Les valeurs RGB et HSL seront mises à jour automatiquement. Les formats à 3 chiffres (#RGB) et à 6 chiffres (#RRGGBB) sont pris en charge.
Les données de couleur sont-elles envoyées à un serveur ?
Non. La conversion des couleurs se fait entièrement dans votre navigateur grâce à JavaScript. Aucune donnée n'est envoyée à un serveur.
Puis-je utiliser cet outil pour obtenir les valeurs de couleur CSS ?
Oui, il suffit de cliquer sur Copier à côté de HEX, RGB ou HSL et de coller directement dans votre CSS. Ces trois formats sont des valeurs de couleur CSS valides, prises en charge par tous les navigateurs modernes.