canivete
    pt

    LÂMINA · CORES

    Conversor de cor (HEX, RGB, HSL, OKLCH)

    Cole a cor em qualquer formato — #d63327, rgb(), hsl() ou oklch() — e leve ela pronta nos outros três, com amostra grande pra conferir no olho.

    • HEX#d63327
    • RGBrgb(214, 51, 39)
    • HSLhsl(4, 69%, 50%)
    • OKLCHoklch(57.6% 0.201 29.1)

    Processado no seu navegador — seus arquivos não saem do seu computador.

    Como funciona

    1. Digite ou cole a cor

      Vale #abc, #aabbcc, rgb(214 51 39), hsl(4 69% 50%) ou oklch(57% 0.19 29) — com vírgulas, espaços, com ou sem #. A conversão acontece enquanto você digita.

    2. Confira a amostra

      O quadrado grande mostra a cor exata que você digitou. Se não era essa, ajusta o valor e a amostra acompanha na hora.

    3. Copie no formato que precisar

      Cada formato tem o próprio botão copiar: HEX pro design, RGB e HSL pro CSS clássico, OKLCH pro CSS moderno. Um clique e já era.

    Perguntas frequentes

    Que formatos de cor a ferramenta aceita?

    HEX com 3, 4, 6 ou 8 dígitos (com ou sem #), rgb() e rgba(), hsl() e hsla() e oklch() — tanto com vírgulas quanto com espaços, do jeito que o CSS aceita. O canal alpha é ignorado na conversão.

    O que é OKLCH e por que eu usaria?

    OKLCH é o formato de cor moderno do CSS: o L mede a luminosidade do jeito que o olho percebe, então duas cores com o mesmo L parecem igualmente claras. Isso torna ajustes e escalas muito mais previsíveis do que no HSL.

    Por que o OKLCH convertido às vezes muda um pouco a cor?

    Nem toda cor OKLCH existe na tela (o espaço sRGB é menor). Quando a cor cai fora, a ferramenta reduz só a intensidade (croma) até ela caber, preservando luminosidade e matiz — o mesmo que o CSS faz.

    A conversão é exata?

    Sim. HEX, RGB e HSL são conversões matemáticas diretas, e o OKLCH usa as fórmulas oficiais (Björn Ottosson, 2020), as mesmas dos navegadores. Os valores exibidos são arredondados só na exibição.

    Funciona sem internet?

    Funciona. Depois que a página carrega, a conversão roda inteira no seu navegador — pode até desligar o Wi-Fi.

    Alguma cor que eu digito é enviada pra algum servidor?

    Não. Tudo acontece dentro do seu navegador, no seu aparelho. Nenhum dado sai do seu computador.

    Outras lâminas