Conversor de HSV para RGB
Converta uma cor HSV/HSB (Matiz 0-360°, Saturação e Valor/Brilho 0-100%) para RGB e código hexadecimal, com detalhamento por canal e pré-visualização de cor ao vivo.
Entrada
Posição na roda de cores, em graus (0-360).
Intensidade da cor, de 0% (cinza) a 100% (cor plena).
Brilho, de 0% (preto) a 100% (o mais brilhante).
Saída
| Propriedade | Valor |
|---|---|
| No data yet | |
Sua cor aparecerá aqui.
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/hsv-to-rgb-converter \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hue": "0",
"saturation": "100",
"value": "100"
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `hsv-to-rgb-converter` tool (HSV to RGB Converter) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/hsv-to-rgb-converter/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Conversor de HSV para RGB — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
Converta uma cor HSV — Matiz (Hue), Saturação (Saturation) e Valor (Value) — também chamado HSB, em que o B significa Brilho (Brightness) — nos códigos RGB e hex que você usa em CSS, ferramentas de design e código. Arraste os três controles deslizantes e a string RGB, o código hex, o detalhamento por canal e a pré-visualização de cor ao vivo são atualizados na hora.
O que é o espaço de cores HSV?
O HSV descreve uma cor do jeito que as pessoas costumam pensar nela, e não como uma mistura de luz vermelha, verde e azul. Ele tem três componentes:
- Matiz (Hue, H) — a cor base, dada como um ângulo de 0 a 360 graus em torno de uma roda de cores. 0° é vermelho, 120° é verde, 240° é azul, e volta ao vermelho em 360°.
- Saturação (Saturation, S) — o quão viva ou "pura" é a cor, de 0% (um tom de cinza) a 100% (a cor totalmente intensa).
- Valor / Brilho (Value / Brightness, V) — o quão clara é a cor, de 0% (preto) a 100% (o mais brilhante que o matiz e a saturação permitem).
Como matiz, intensidade e brilho são separados, o HSV é popular em seletores de cor e editores de imagem: você pode ajustar uma propriedade — por exemplo, deixar uma cor um pouco menos saturada — sem alterar as outras. Já o RGB é o que telas e folhas de estilo usam nativamente, então converter entre os dois é uma tarefa comum do dia a dia.
Como usar esta ferramenta
- Ajuste o controle Matiz (0–360°) para escolher sua cor base.
- Ajuste a Saturação (0–100%) para definir a intensidade.
- Ajuste o Valor/Brilho (0–100%) para definir a claridade.
A saída é atualizada automaticamente. Você recebe:
- uma string
rgb(r, g, b)pronta para colar no CSS, - o código hex
#RRGGBBcorrespondente, - uma tabela com o valor de cada canal, e
- uma pré-visualização de cor (com HTML copiável).
Use os botões de copiar para pegar qualquer valor.
Como a conversão funciona
A ferramenta usa o algoritmo padrão de conversão de HSV para RGB. O círculo de matiz é dividido em seis setores de 60°; dentro de cada setor, dois canais ficam fixos e um varia linearmente, escalonado pela saturação e pelo valor. O resultado é arredondado para valores inteiros de 0 a 255 por canal. Alguns pontos de referência confirmam o cálculo: H0/S100/V100 resulta no vermelho puro rgb(255, 0, 0), H120 resulta no verde puro, H240 resulta no azul puro, e S0/V50 resulta no cinza médio rgb(128, 128, 128).
O HSV é o mesmo que HSB ou HSL?
HSV e HSB são dois nomes para o mesmo modelo. O HSL (Hue, Saturation, Lightness) é um modelo diferente — seu eixo de luminosidade se comporta de forma diferente do valor do HSV, então os dois não são intercambiáveis.
Meus dados de cor saem do meu dispositivo?
Não. A conversão roda inteiramente no seu navegador — nada do que você digita é enviado ou armazenado.
Qual formato hex ela gera?
Um código hex #RRGGBB de seis dígitos em maiúsculas, sem canal alfa (o HSV não tem componente de transparência).