Aller au contenu principal
LibraTool logoLibraTool

Convertisseur de couleurs — outil gratuit

Convertissez des couleurs entre les formats HEX, RGB, HSL, HSV et CMYK instantanément. Comprend une échelle de luminosité et des nuanciers prédéfinis.

Fonctionne hors ligne une fois chargé

Convertissez une couleur entre HEX, RGB, HSL, HSV et CMYK — avec un aperçu en direct et une copie en un clic. Tout s'exécute dans votre navigateur.

Formats acceptés : HEX (#fff ou #ffffff), RGB (255, 255, 255) ou HSL (360, 100 %, 50 %)

100%
Préréglages:
HEX#14B8A6
rgb() · ancienrgb(20, 184, 166)
rgb() · modernergb(20 184 166)
hsl() · ancienhsl(173, 80%, 40%)
hsl() · modernehsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
Valeurs RGB20, 184, 166

Contraste WCAG

Sur fond blanc

2,49:1

Échec

Sur fond noir

8,44:1

AAA
🖨️ Pour l'impression: Ces valeurs CMYK (89%, 0%, 10%, 28%) sont une approximation sRGB→CMYK standard à titre de référence. Pour une couleur d'impression précise, utilisez le profil ICC de votre imprimante ou un tirage d'épreuve — la CMYK à l'écran ne peut pas correspondre à chaque encre/papier.

Échelle de luminosité

Cliquer sur une nuance pour basculer vers cette teinte

Utilisations courantes

  • Convertir les couleurs pour le design webObtenez les valeurs HEX, RGB et HSL pour n'importe quelle couleur — prêt à coller dans CSS ou Tailwind.
  • Convertir les couleurs pour l'impression (CMYK)Convertissez les couleurs d'écran (HEX/RGB) en valeurs CMYK pour une utilisation dans la conception d'impression et l'impression professionnelle.
  • Construire des palettes de couleurs pour les systèmes de conceptionConvertissez les couleurs de marque dans tous les formats et générez des échelles de légèreté cohérentes pour un système de conception complet.
  • Vérifier le contraste des couleurs pour l'accessibilitéConvertissez les couleurs pour obtenir les valeurs RVB à utiliser dans les outils de rapport de contraste — conformité WCAG pour une conception accessible.
  • Convertir les couleurs pour FigmaObtenez les valeurs HEX et RVB exactes à coller dans les sélecteurs de couleurs Figma et les systèmes de tokens de conception.

Comment ça marche

Toute la logique de conversion est du JavaScript écrit à la main s'exécutant entièrement dans votre navigateur — sans bibliothèque, sans appel serveur. L'outil analyse votre saisie, la fait passer par une chaîne de fonctions mathématiques pures, et produit simultanément onze formats de sortie, y compris les espaces CSS Color 4 modernes oklch() et lab().

  1. 1
    Analyse de saisie flexible
    Un analyseur personnalisé accepte l'hexadécimal (3, 4, 6 ou 8 chiffres), rgb()/rgba(), hsl()/hsla() dans la syntaxe historique à virgules et la syntaxe moderne à espaces, et de simples triplets numériques. Les valeurs alpha en décimales ou en pourcentages sont normalisées à la plage 0–1 avant que toute conversion ne commence.
  2. 2
    RVB comme plaque tournante de conversion
    Chaque format accepté est d'abord résolu en un triplet RVB canonique. À partir de cette unique représentation, l'outil se ramifie : HSL et HSV utilisent les formules standard min/max/chroma ; le CMJN est dérivé en trouvant le canal clé ; et la linéarisation sRGB (la courbe gamma par morceaux définie dans la norme IEC 61966-2-1) est appliquée avant les calculs d'espace perceptuel.
  3. 3
    Espaces de couleur perceptuels calculés de zéro
    oklch() est calculé avec les matrices de référence 3×3 de Björn Ottosson (espace racine cubique LMS). lab() et lch() utilisent l'adaptation chromatique de Bradford pour convertir du point blanc D65 vers D50, ce qui correspond à la façon dont CSS Color 4 définit lab(). Ce sont les mêmes formules utilisées dans les moteurs de rendu des navigateurs — implémentées ici sans aucune dépendance externe.
  4. 4
    Contraste WCAG et échelle de luminosité
    La luminance relative est calculée selon la formule WCAG 2.1 (R, G, B linéarisés pondérés 0,2126/0,7152/0,0722) et le ratio de contraste par rapport au blanc et au noir est noté AA-large, AA, AAA, ou Échec. Une bande de luminosité en neuf étapes est générée en faisant varier le canal de luminosité HSL de 10 % à 90 %, vous permettant de cliquer sur n'importe quelle nuance pour convertir cette teinte.

Outils associés

🎨

Sélecteur de couleurs et générateur de palettes

Choisissez des couleurs, convertissez entre HEX/RGB/HSL et générez des palettes harmonieuses.

Essayer
🎨

Générateur de couleurs aléatoires

Générez des couleurs aléatoires une par une ou en palette de cinq, verrouillez celles qui vous plaisent, copiez les valeurs HEX, RGB ou HSL et exportez la palette en PNG ou CSS.

Essayer
🎨

Générateur de palettes de couleurs

Générez des palettes de couleurs complémentaires, analogues, triadiques et monochromatiques à partir de n'importe quelle couleur de base. Copiez les codes hex en un clic.

Essayer

Questions fréquemment posées