Tool Hub

Seletor OKLCH

Conversão de controle deslizante 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.

Como usar

  1. Arraste os controles deslizantes L (leveza), C (croma) e H (matiz) para construir uma cor.
  2. Alternativamente, cole um valor oklch(), hex ou rgb existente no entrada reversa para importar uma cor.
  3. Leia a amostra ativa e os valores gerados de oklch(), hex e rgb abaixo dos controles deslizantes.
  4. Copie o trecho CSS pronto para usar color: oklch(...) da seção de saída.
  5. Compartilhe a cor atual através do botão de copiar link.

Exemplos

  • Definir L=0,65, C=0,18, H=250 produz um azul médio; a ferramenta mostra oklch(0,65 0,18 250), seu hex #4b78d4 e o rgb() equivalente.
  • Colar #ff6600 na entrada reversa preenche os controles deslizantes com as coordenadas OKLCH correspondentes.

Verifique as saídas antes de usar em produção. Sem garantia — veja Termos.