Pular para o conteúdo
Aback Tools Logo

Conversor de RGB para HEX

Converta qualquer cor RGB ou RGBA em valores HEX, HEX8, HSL, HSV, CMYK e HWB na hora — sem botão para pressionar. Use os sliders interativos para ajustar os canais vermelho, verde, azul e alfa com pré-visualização ao vivo e exibição da cor complementar. Totalmente privado, 100% grátis e sem cadastro.

RGB to HEX Converter
Convert RGB/RGBA values to HEX format instantly. Adjust the Red, Green, Blue, and Alpha sliders to see the corresponding HEX, HSL, CMYK, and other colour values update in real time.

Sample Colors

RGB Channels

#ff6b6b

Your Color

#ff6b6b

Complementary

#009494

Converted Values

HEX#ff6b6b
HEX (8-digit)#ff6b6bff
RGBrgb(255, 107, 107)
RGBArgba(255, 107, 107, 1)
HEX#ff6b6b
HEX8#ff6b6bff
RGBrgb(255, 107, 107)
RGBArgba(255, 107, 107, 1)
HSLhsl(0, 100%, 71%)
HSVhsv(0, 58%, 100%)
CMYKcmyk(0%, 58%, 58%, 0%)
HWBhwb(0, 42%, 0%)
Complementary#009494
Luminance0.5430

Por que usar nosso conversor de RGB para HEX?

  • Conversão de RGB para HEX instantânea: o conversor atualiza todos os valores HEX enquanto você ajusta os sliders de vermelho, verde, azul e alfa — sem botão para pressionar. Obtenha simultaneamente valores HEX, HEX8, HSL, HSV, CMYK e HWB, com pré-visualização ao vivo e exibição da cor complementar.
  • Saídas em vários formatos de cor: o conversor de RGB para HEX gera HEX de 6 dígitos (#RRGGBB), HEX de 8 dígitos com alfa (#RRGGBBAA), HEX3 abreviado quando disponível, além de valores HSL, HSV, CMYK, HWB e luminância. Todos os formatos podem ser copiados com um clique para máxima flexibilidade no fluxo de trabalho.
  • 100% privado — sem uploads: toda a conversão acontece localmente no seu navegador. Seus valores de cor nunca saem do seu dispositivo e nunca são enviados a nenhum servidor — seguro para projetos de clientes e sistemas de design proprietários.
  • Grátis e sem limites: converta cores ilimitadas sem cadastro, sem assinatura e sem limites de uso. O conversor de RGB para HEX é totalmente grátis para sempre, sem anúncios bloqueando a interface.

Casos de uso comuns do conversor de RGB para HEX

  • CSS e desenvolvimento front-end: desenvolvedores front-end usam o conversor de RGB para HEX para traduzir valores de cor RGB vindos de ferramentas de design ou de cálculos programáticos para o formato HEX compacto em declarações CSS. A conversão de RGB para HEX facilita o uso de cores calculadas em folhas de estilo.
  • Entrega e implementação de design: ao traduzir especificações de design em código, os desenvolvedores usam o conversor de RGB para HEX para obter os valores HEX exatos necessários em CSS, HTML e SVG. A conversão de RGB para HEX garante reprodução de cor perfeita do design até o deploy.
  • Aplicativos móveis e multiplataforma: desenvolvedores móveis usam o conversor de RGB para HEX para converter valores numéricos de cor do iOS (UIColor), do Android (Color.parseColor) e de outras APIs de plataforma para o formato HEX comumente usado em design tokens e definições de estilo compartilhadas entre plataformas.
  • Acessibilidade e análise de contraste: especialistas em acessibilidade usam o conversor de RGB para HEX para reconverter em HEX valores RGB calculados por luminância para documentação e registro de paleta. A conversão de RGB para HEX ajuda a manter especificações de cor acessíveis.
  • Manipulação e mistura de cores: designers e desenvolvedores usam o conversor de RGB para HEX ao trabalhar com algoritmos de mistura que retornam valores RGB — converter para HEX facilita armazenar, compartilhar e usar as cores resultantes em qualquer contexto web.
  • Publicação impressa e digital: designers de impressão usam o conversor de RGB para HEX para converter valores RGB de softwares de diagramação em códigos HEX seguros para web destinados ao conteúdo digital associado. A conversão de RGB para HEX conecta os fluxos de trabalho de cor impressos e digitais.

O que é a conversão de RGB para HEX?

A conversão de RGB para HEX transforma uma cor definida por valores de canal vermelho, verde e azul (0-255 cada) em um código de cor hexadecimal. Por exemplo, um valor RGB de rgb(255, 107, 107) se torna o código HEX #FF6B6B . Nosso conversor de RGB para HEX realiza essa conversão na hora, com suporte a HEX de 6 dígitos (#RRGGBB) e HEX de 8 dígitos (#RRGGBBAA) com transparência alfa, além de equivalentes em HSL, HSV, CMYK e HWB.

Como funciona nosso conversor de RGB para HEX

  1. Ajuste os canais RGB: use os sliders ou digite os valores diretamente para vermelho (0-255), verde (0-255), azul (0-255) e alfa (0-1). Você também pode clicar em uma cor de exemplo para definir todos os valores na hora. Todo o processamento roda localmente no seu navegador — seus valores de cor nunca saem do dispositivo.
  2. Os valores HEX atualizam na hora: ao ajustar qualquer slider, os valores HEX, HSL, HSV, CMYK, HWB e de luminância atualizam em tempo real. A pré-visualização mostra a cor selecionada e sua complementar lado a lado.
  3. Copie qualquer valor: clique no botão Copiar ao lado de qualquer formato ou linha de saída para copiar aquele valor específico, ou use «Copiar todos os valores» para copiar de uma vez todos os dados de cor em todos os formatos.

Formatos de cor RGB explicados

  • RGB (0-255): o modelo de cor RGB padrão, em que cada canal é representado por um número de 0 a 255. Por exemplo, rgb(255, 0, 0) é vermelho puro. Esse formato é amplamente usado em programação e softwares de design.
  • RGBA: amplia o RGB com um canal alfa para controle de transparência. O valor alfa vai de 0 (totalmente transparente) a 1 (totalmente opaco). O conversor de RGB para HEX gera formatos sólidos e com alfa incluído.
  • HSL (matiz-saturação-luminosidade): um modelo de cor cilíndrico mais intuitivo para pessoas. A matiz vai de 0 a 360 graus no círculo cromático, e saturação e luminosidade são porcentagens. Ótimo para criar esquemas de cores e entender relações entre cores.
  • CMYK e HWB: CMYK é o padrão do design para impressão (ciano-magenta-amarelo-preto), enquanto HWB (matiz-brancura-negrura) é um formato de cor CSS parecido com HSL, mas com características perceptivas diferentes.

Cores complementares e harmonias cromáticas

Cores complementares são pares de cores que ficam opostas entre si no círculo cromático. Para qualquer cor RGB, a complementar é calculada invertendo o valor de cada canal (255 - r, 255 - g, 255 - b). Colocadas lado a lado, as cores complementares criam forte contraste e impacto visual, o que as torna essenciais no design.

Nosso conversor de RGB para HEX calcula e mostra automaticamente a cor complementar ao lado da cor selecionada, ajudando você a explorar rapidamente as relações cromáticas e a construir paletas harmoniosas para seus projetos de design.

Perguntas frequentes

Um conversor de RGB para HEX transforma valores de cor vermelho-verde-azul em códigos de cor hexadecimais. Nosso conversor suporta HEX de 6 dígitos (#RRGGBB) e HEX de 8 dígitos com alfa (#RRGGBBAA), além de gerar os equivalentes em HSL, HSV, CMYK e HWB. Ele também mostra a cor complementar e a luminância para análise de acessibilidade.

Use os sliders para ajustar os canais vermelho (0-255), verde (0-255) e azul (0-255), ou digite os valores diretamente nos campos numéricos. A saída HEX atualiza na hora conforme você ajusta. Para transparência, use o slider alfa (0-1). Você também pode clicar em qualquer cor de exemplo para testar com valores predefinidos.

HEX (6 dígitos) usa dois dígitos hexadecimais por canal, como #FF6B6B. HEX8 (8 dígitos) adiciona dois dígitos extras para o canal alfa, como #FF6B6B80, em que 80 representa 50% de opacidade. Use HEX para cores sólidas e HEX8 quando precisar de transparência em navegadores CSS modernos.

Sim. Toda a conversão acontece 100% no lado do cliente, no seu navegador, usando JavaScript. Seus valores de cor nunca são enviados a nenhum servidor, nunca são armazenados e nunca são transmitidos a lugar algum. O conversor de RGB para HEX é totalmente privado e processa tudo localmente no seu dispositivo.

A cor complementar é calculada invertendo cada canal RGB (255 - r, 255 - g, 255 - b). Por exemplo, o complementar do vermelho rgb(255, 0, 0) é o ciano rgb(0, 255, 255). Pares complementares criam contraste máximo e são muito usados no design para ênfase e hierarquia visual.

Sim. O conversor de RGB para HEX é 100% gratuito, sem cadastro, sem recursos premium e sem limites de uso. Converta cores ilimitadas sem restrições ou custos ocultos. Não há anúncios bloqueando a interface.

Os valores HSL são úteis para criar esquemas de cores, pois você pode ajustar matiz, saturação ou luminosidade de forma independente. Os valores CMYK são essenciais em fluxos de trabalho de design para impressão, em que as cores precisam ser especificadas no espaço ciano-magenta-amarelo-preto. Ter todos os formatos em um único conversor de RGB para HEX economiza tempo e reduz erros.

A luminância mede o brilho percebido de uma cor e é calculada pela fórmula 0,2126R + 0,7152G + 0,0722B. Ela é essencial para os cálculos de acessibilidade WCAG — um valor de luminância abaixo de 0,5 sugere usar texto claro por cima, enquanto acima de 0,5 sugere texto escuro. O conversor de RGB para HEX mostra esse valor para uma avaliação rápida de acessibilidade.