Tool Hub

OKLCH Picker

Conversión de deslizadores 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.

Cómo usar

  1. Arrastre los controles deslizantes L (luminosidad), C (croma) y H (matiz) para construir un color.
  2. Alternativamente, pegue un valor oklch(), hex o rgb existente en la entrada inversa para importar un color.
  3. Lea la muestra en vivo y los valores oklch(), hex y rgb generados debajo de los controles deslizantes.
  4. Copie el fragmento CSS listo para usar color: oklch(...) de la sección de salida.
  5. Comparta el color actual a través del botón de enlace de copia.

Ejemplos

  • Establecer L=0.65, C=0.18, H=250 produce un azul medio; la herramienta muestra oklch(0.65 0.18 250), su hex #4b78d4 y el rgb() equivalente.
  • Pegar #ff6600 en la entrada inversa rellena los controles deslizantes con las coordenadas OKLCH correspondientes.

Verifica las salidas antes de usar en producción. Sin garantía — ver Términos.