Comment utiliser : Convertisseur HEX vers OKLCH
- Collez votre couleur HEX, par exemple #2563eb.
- Ajustez la luminosité, la chroma ou la teinte si vous souhaitez une variante.
- Copiez la valeur
oklch()dans votre CSS.
Pourquoi convertir HEX en OKLCH ?
Le HEX indique au navigateur quelle couleur afficher, mais il est difficile à ajuster manuellement. L'OKLCH décompose une couleur en luminosité, chroma et teinte, ce qui vous permet d'obtenir une nuance plus sombre en modifiant un seul nombre. Les couleurs ayant la même luminosité paraissent aussi lumineuses les unes que les autres, ce qui facilite la création de palettes cohérentes.
Vous découvrez ce format ? Consultez comment utiliser OKLCH en CSS, ou voyez sa comparaison avec OKLCH vs HSL.
Aussi recherché comme : hex vers oklch, convertir hex en oklch, convertisseur hex oklch, oklch à partir de hex, couleur hex oklch, convertisseur couleur css, oklch css, hex to oklch.
Outils complémentaires : Convertisseur HEX vers OKLCH
- Convertisseur OKLCH — Explorez l’espace de couleur OKLCH, perceptuellement uniforme, grâce à des curseurs en temps réel.
- Convertisseur OKLCH vers HEX — Collez une valeur oklch() pour obtenir son équivalent HEX, ainsi que les valeurs RGB et HSL.
- Mélangeur de couleurs — Choisissez deux couleurs et un nombre d’étapes pour obtenir des couleurs de transition régulièrement réparties, idéales pour les dégradés, les bordures, les graphiques et les états de survol.
- Générateur de couleurs Tailwind — Il vous suffit de coller une couleur de marque pour obtenir une palette de nuances équilibrée en 11 étapes (de 50 à 950) intégrée à OKLCH, avec des indications de contraste et des options d'exportation vers Tailwind v3, v4, CSS et SCSS.
Questions fréquentes
La conversion est-elle exacte ?
Elle est très proche. Les valeurs sont arrondies pour un CSS lisible, si bien qu'une couleur peut présenter un écart minime et imperceptible.
Les navigateurs prennent-ils en charge OKLCH ?
Oui. Tous les navigateurs modernes majeurs le prennent en charge. Les très anciens navigateurs nécessitent un repli en HEX.
Mes données sont-elles envoyées en ligne ?
Non. Tout s'exécute dans votre navigateur.
Puis-je installer Convertisseur HEX vers OKLCH en tant qu’application web et l’utiliser hors ligne ?
Oui. Convertisseur HEX vers OKLCH est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.