Pular para o conteúdo
arnaud.app

Conversor HSV para RGB (código HSB)

Converta valores HSV/HSB para RGB na hora e de graça. ex.: hsv(217, 76%, 96%) → rgb(59, 130, 246). Pré-visualização ao vivo e CSS pronto.

Roda no seu navegador

Cole um valor HSV/HSB como hsv(217 76% 96%) e devolvemos rgb() com os canais - útil para exportar uma cor escolhida numa ferramenta de design para RGB puro.

1.00
CSS rgb()

rgb(10 124 255)

HEX

#0a7cff

CSS hsl()

hsl(212 100% 52%)

HSV

hsv(212 96% 100%)

CMYK

cmyk(96% 51% 0% 0%)

CSS oklch()

oklch(0.608 0.215 257.4)

#0A7CFF

Melhor contraste com

texto preto → razão 5.34:1 (WCAG AA exige 4,5:1)

Como usar

  1. Escolha o formato de entrada

    HEX, RGB, HSL, HSV/HSB, CMYK, OKLCH ou nome CSS no seletor de formato.

  2. Digite ou cole sua cor

    Insira o valor - ou use o seletor de cor e o controle alfa - e os outros formatos atualizam ao vivo.

  3. Copie o formato que precisa

    Use o botão de copiar ao lado do formato esperado pelo seu destino.

O que é?

Um conversor de cores traduz entre os formatos que CSS, ferramentas de design e editores de imagem usam de forma um pouco diferente. HEX (#0a7cff) é o atalho legado de um triplo RGB. RGB descreve intensidades vermelho/verde/azul. HSL é mais intuitivo para ajustar tonalidades. OKLCH é o novo modelo perceptualmente uniforme do CSS Color Level 4.

Quando usar

Quando uma cor migra entre contextos: copiar uma cor de marca de um SVG (HEX) para um sistema de variáveis CSS (HSL ou OKLCH), traduzir um pixel de screenshot (RGB) em token, gerar variantes acessíveis. Útil também para checar contraste WCAG.

Erros comuns

Não assuma que a luminosidade do HSL é perceptual - não é. hsl(60 100% 50%) (amarelo) e hsl(240 100% 50%) (azul) têm a mesma luminosidade no número mas luminâncias muito diferentes; OKLCH corrige. E não trunque canais HEX no meio da conversão: arredonde no fim.

FAQ

Por que OKLCH?
OKLCH é o novo formato do CSS Color Level 4. Diferente do HSL, é perceptualmente uniforme: ajustar luminosidade ou croma não desloca o tom.

Conversor de Cores (HEX, RGB, HSL)

Converta cores entre HEX, RGB, HSL, HSV, CMYK e OKLCH.

Experimentar →

Mais nesta categoria