Tool Hub

Sélecteur OKLCH

Conversion curseur OKLCH ↔ sRGB/HEX

oklch: oklch(70.0% 0.150 240)

hex: #26a9f1

rgb: rgb(38, 169, 241)

CSS
color: oklch(70.0% 0.150 240);

Conversion via OKLab → linear sRGB → sRGB. Out-of-gamut values are clamped.

Comment utiliser

  1. Faites glisser les curseurs L (luminosité), C (chroma) et H (teinte) pour construire une couleur.
  2. Alternativement, collez une valeur oklch(), hex ou rgb existante dans l'entrée inversée pour importer une couleur.
  3. Lisez l'échantillon en direct et les valeurs oklch(), hex et rgb générées sous les curseurs.
  4. Copiez l'extrait CSS prêt à l'emploi color: oklch(...) de la section de sortie.
  5. Partagez la couleur actuelle via le bouton de lien de copie.

Exemples

  • Définir L=0.65, C=0.18, H=250 produit un bleu moyen ; l'outil affiche oklch(0.65 0.18 250), son hex #4b78d4 et le rgb() équivalent.
  • Coller #ff6600 dans l'entrée inversée remplit les curseurs avec les coordonnées OKLCH correspondantes.

Vérifiez les sorties avant utilisation en production. Aucune garantie — voir Conditions.