Conversor de HSV para RGB
Guia
Conversor de HSV para RGB
Converta entre os espaços de cor HSV (Matiz, Saturação, Valor) e RGB instantaneamente com visualização visual ao vivo. Ajuste o matiz, a saturação e o valor usando controles deslizantes intuitivos e veja os valores RGB e HEX correspondentes atualizarem em tempo real.
Como usar
Ajuste os controles deslizantes HSV — Matiz (0-360°), Saturação (0-100%) e Valor (0-100%) — para definir sua cor. A ferramenta calcula e exibe instantaneamente os valores RGB (0-255) e o código HEX com uma pré-visualização de cor ao vivo. Mude para o modo RGB para HSV para inserir valores RGB. Use os botões de cópia para obter qualquer formato de saída com um clique.
Características
- Conversão bidirecional – Converta HSV para RGB ou RGB para HSV com sincronização ao vivo
- Controles Deslizantes Interativos – Roda de Matiz (0-360°), controles deslizantes de saturação e valor com atualizações em tempo real
- Vários formatos de saída – Valores RGB (0-255), código HEX e valores HSV todos exibidos simultaneamente
- Pré-visualização de Cor em Tempo Real – Amostra visual atualiza instantaneamente conforme você ajusta os valores
- Cópia com Um Clique – Copie valores HSV, RGB ou HEX para a área de transferência
- Tratamento de Escala de Cinza – Lida corretamente com o caso limite S=0 para cores acromáticas
- Processamento do lado do cliente – Todos os cálculos são executados no seu navegador, sem dependência de servidor
Perguntas frequentes
-
O que é o modelo de cor HSV?
HSV significa Matiz, Saturação e Valor. O Matiz representa o ângulo da cor em uma roda de 360° (0°=vermelho, 120°=verde, 240°=azul). A Saturação controla a intensidade da cor de 0% (cinza) a 100% (cor pura). O Valor controla o brilho de 0% (preto) a 100% (brilho total). O HSV é frequentemente preferido por designers porque se mapeia de forma mais intuitiva para como os humanos percebem e descrevem cores do que o RGB.
-
Como funciona a conversão de HSV para RGB?
A conversão utiliza o modelo de cilindro de cor HSV. O matiz determina em qual setor de 60° da roda de cores a cor se encontra, criando seis casos. Dentro de cada setor, a croma (S×V) e os valores intermediários são calculados, depois mapeados para os canais RGB. Quando a saturação é zero, o resultado é um valor em escala de cinza onde R=G=B=V×255. A matemática envolve lógica condicional baseada no setor de matiz, que é por que o cálculo manual é propenso a erros.
-
Qual é a diferença entre HSV e HSL?
Tanto HSV quanto HSL descrevem cores usando matiz e saturação, mas diferem no terceiro componente. HSV usa Valor (brilho da cor), enquanto HSL usa Luminosidade (posição entre preto e branco). Em HSV, S=100% V=100% resulta em uma cor pura e vívida. Em HSL, S=100% L=50% resulta em uma cor pura e vívida. HSV é mais comum em seletores de cores e softwares de design gráfico, enquanto HSL é mais comum em CSS e desenvolvimento web.
-
Por que os designers preferem HSV a RGB?
O RGB define cores misturando intensidades de luz, que é como as telas funcionam, mas não como os humanos pensam sobre cor. Pedir a alguém para criar 'um azul ligeiramente mais escuro e menos saturado' é intuitivo em HSV — basta reduzir V e S. Em RGB, obter o mesmo resultado requer o ajuste de todos os três canais por diferentes quantidades. HSV separa as três dimensões perceptivas da cor (matiz, pureza, brilho), tornando-o natural para tarefas de seleção e manipulação de cores.
Instale nossas extensões
Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
恵 O placar chegou!
Placar é uma forma divertida de acompanhar seus jogos, todos os dados são armazenados em seu navegador. Mais recursos serão lançados em breve!
Ferramentas essenciais
Ver tudo Novas chegadas
Ver tudoAtualizar: Nosso ferramenta mais recente foi adicionado em Abr 5, 2026
