Anúncios incomodam? Ir Sem anúncios Hoje 

Conversor de HSV para RGB

CorDesenvolvedor

ANUNCIADO Remover?

ENTRADA

Processo Automático

SAÍDA

Lado cliente

ANUNCIADO Remover?

Guia

Índice

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
Formatos de Saída Múltiplos – 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

ANUNCIADO Remover?

 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.