Convertisseur de Couleurs
Convertissez des couleurs entre HEX, RVB, HSL et CMJN instantanément. Sélecteur de couleur gratuit avec vérificateur de contraste WCAG et générateur de palette.
Mis à jour avril 2026
Vérifié par Rafael Duarte
Aperçu actif
#197FE6
Couleurs complémentaires
Conversions de format
Astuce : cliquez sur une couleur complémentaire pour l'utiliser. Appuyez sur Shift+Enter pour copier la valeur HEX.
Comment utiliser le convertisseur de couleurs
Une couleur, quatre formats en même temps
1. Choisissez ou saisissez la couleur
Utilisez le sélecteur natif, ou tapez un code hexadécimal à 6 chiffres comme `#3A86FF`.
2. Copiez le format dont vous avez besoin
HEX, RVB, HSL ou CMJN — cliquez sur l'icône de copie à côté de chacun.
3. Enregistrez dans la palette et exportez
« Save to Palette » collectionne vos couleurs ; « Export Palette » télécharge un fichier CSS prêt à l'emploi.
Ce que fait cet outil
Conversion précise entre les quatre formats
Vérification de contraste WCAG intégrée
Compare automatiquement votre couleur avec le blanc et indique si elle passe le niveau AA (4,5:1) et AAA (7:1).
Couleurs complémentaires
Explorez des harmonies en cliquant sur les nuances générées à +90°, +150°, +180° et +270°.
Export en custom properties CSS
Rassemblez plusieurs couleurs dans une palette et téléchargez un fichier CSS prêt en une seule fois.
Précision mathématique
Élimine les erreurs d'arrondi fréquentes dans les conversions manuelles entre formats.
Raccourci clavier pour copier
Appuyez sur Shift+Entrée n'importe où sur la page pour copier le code HEX actif sans cliquer sur le bouton de copie.
Formats de couleur expliqués
Quand utiliser cet outil
Les scénarios les plus courants chez les personnes qui utilisent cet outil
Transmission design vers code
Les designers spécifient en HEX ; les développeurs ont besoin du RVB pour color() ou du HSL pour des thèmes dynamiques.
Audits d'accessibilité
Vérifiez rapidement si la couleur principale de votre marque passe le contraste WCAG AA.
Préparation pour l'impression
Convertissez des couleurs écran en CMJN avant d'envoyer vos fichiers à un imprimeur.
Construction d'un système de design
Enregistrez plusieurs couleurs de marque et exportez-les toutes comme custom properties CSS en une seule fois.
Erreurs fréquentes
Penser que le RVB écran correspond exactement au CMJN imprimé
Certains bleus et verts vifs à l'écran sortent de la gamme imprimable — vérifiez avant d'envoyer le fichier à l'imprimeur.
Utiliser le HSL sans comprendre la luminosité à 50%
50% correspond à la couleur pure ; au-dessus elle s'éclaircit, en dessous elle s'assombrit — ce n'est pas le même axe que la luminosité en HSV.
Oublier le `#` en collant un code hex
Le champ accepte le code avec ou sans le préfixe, mais gardez l'habitude de l'inclure pour éviter une erreur dans d'autres outils.
Coller un hex abrégé à 3 chiffres
Des codes comme #FFF ne sont pas reconnus par le champ — il exige les 6 chiffres complets. Dupliquez chaque paire avant de coller, par exemple #FFF devient #FFFFFF.
Valider une couleur uniquement à l'œil
Une couleur peut sembler suffisamment sombre à l'œil nu et pourtant échouer au contraste minimum AA. Faites confiance au calcul des badges WCAG avant de valider pour la production, pas à la perception visuelle.
Pourquoi utiliser cet outil
Affiche HEX, RVB, HSL et CMJN simultanément — sans avoir à jongler entre plusieurs outils éparpillés pour chaque format.
Le vérificateur de contraste WCAG intégré évite une étape supplémentaire : vous savez déjà si la couleur choisie convient pour du texte avant même de quitter l'écran de conversion.
Tout s'exécute directement dans le navigateur — sans inscription, sans installation et sans envoyer votre couleur à un serveur externe. C'est la façon la plus rapide de vérifier une couleur de marque sans ouvrir un logiciel de retouche d'image lourd.
Questions fréquentes
Saisissez ou collez un code hexadécimal à 6 chiffres — l'outil affiche instantanément l'équivalent RVB. #FF8000 devient rgb(255, 128, 0).
Références
Référence complète pour tous les formats de couleur CSS.
Recommandations officielles du W3C sur les ratios de contraste minimaux.
La spécification formelle couvrant tous les modèles de couleur dans les navigateurs modernes.
Outils connexes
- Vérificateur de Contraste de Couleurs Design Vérificateur de contraste de couleurs gratuit — vérifiez la conformité WCAG 2.2 AA et AAA instantanément. Aperçu en direct, simulation du daltonisme et...
- Générateur de Palette de Couleurs Design Générez des palettes de couleurs harmonieuses depuis n'importe quelle couleur de base. Choisissez Analogue, Complémentaire, Triadique ou Tétradique —...
- Palette de Couleurs depuis une Image Design Extrayez des palettes de couleurs de n'importe quelle image — obtenez des codes HEX, RGB, HSL et exportez en CSS variables, Tailwind, JSON ou PNG. 100% dans...
- Générateur CSS Box Shadow — Neumorphisme, Glassmorphisme et Tailwind Design Générateur CSS box shadow gratuit avec aperçu en temps réel. Créez des ombres, effets neumorphisme et glassmorphisme. Exportez en CSS, Tailwind ou variables CSS.
- Générateur CSS Flexbox Design Générateur CSS Flexbox gratuit : aperçu live, CSS et Tailwind simultanément, 10 layouts prédéfinis, avertissements contextuels et export React/JSX. Sans inscription.
