Anúncios incomodam? Ir Sem anúncios Hoje

Conversor de HSV para RGB

CorDesenvolvedor
ANÚNCIO · REMOVER?

Entrada de Cor HSV


Ou

Entrada de Cor RGB

Resultado HSV


Ou

Resultado RGB


Ou

Valores RGB Individuais

Visualização de cores
HSV N/A
RGB N/A
HEX N/A
ANÚNCIO · REMOVER?

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

ANÚNCIO · REMOVER?

Perguntas frequentes

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

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

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

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

Quer eliminar anúncios? Fique sem anúncios hoje mesmo

Instale nossas extensões

Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida

Ao Extensão do Chrome Ao Extensão de Borda Ao Extensão Firefox Ao Extensão Opera

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!

ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?

Notícias com destaques técnicos

Envolver-se

Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas

Compre-me um café
ANÚNCIO · REMOVER?