Conversor de cor: hex, RGB, HSL e OKLCH

Altere qualquer campo: os demais atualizam. Use a tabela de cores para nomes e o teste de contraste para acessibilidade.

Valores

CSS: rgb(107, 122, 161)

CSS: hsl(226deg, 22%, 53%)

OKLCH (perceptual, CSS Color Module Level 4)

OKLCH descreve a cor com clareza (L), croma (C) e matiz (H). Em navegadores recentes você pode usar oklch(L C H) no CSS para interpolações mais previsíveis que em HSL. Valores abaixo são calculados a partir do sRGB da cor.

oklch(0.52 0.06 264)

Confira legibilidade no texto legível no fundo ou nas ferramentas.