Skip to content
Ferramenta GratuitaDesign

Converta códigos de cores HEX para RGB e vice-versa

Digite um código HEX como #FF5733 e veja instantaneamente o equivalente RGB – rgb(255, 87, 51). Ou insira valores RGB e obtenha o código HEX. Uma amostra de cores ao vivo é atualizada conforme você digita, e botões de um clique copiam o valor no formato necessário para CSS, ferramentas de design ou documentação.

Use esta ferramenta gratuitamente

Características

1

Conversão bidirecional

Insira um código HEX para obter RGB ou insira valores RGB para obter HEX. Ambos os campos são atualizados em tempo real conforme você digita, sem a necessidade de clicar no botão de conversão.

2

Amostra de cores ao vivo

Uma grande amostra de visualização exibe a cor inserida. Ele é atualizado instantaneamente para que você possa confirmar visualmente se a tonalidade corresponde ao que você espera.

3

Trechos de saída CSS

Obtenha código CSS pronto para colar para propriedades de cor, cor de fundo e cor de borda nos formatos HEX e RGB. Copie qualquer trecho com um clique.

4

Suporte ao canal alfa

Insira códigos HEX de 8 dígitos ou valores RGBA para trabalhar com transparência. A ferramenta converte o canal alfa com precisão entre os dois formatos.

Como usar

1

Insira um valor de cor

Digite um código HEX (com ou sem o símbolo #) ou insira valores RGB como três números de 0 a 255.

2

Veja o resultado

O campo de formato oposto é atualizado automaticamente. A amostra de visualização mostra a cor.

3

Cópia

Clique no botão copiar próximo a qualquer valor ou snippet CSS. Um brinde confirma que o texto está na sua área de transferência.

Especificações

Formatos de entradaHEX (3, 6, 8 dígitos), RGB, RGBA
Formatos de saídaHEX, RGB, RGBA
Suporte alfaSim (HEX8, RGBA)
Trechos CSScor, fundo, borda
VisualizaçãoAmostra ao vivo
ProcessamentoLado do cliente (instantâneo)

Related Magic Eraser Tools

Perguntas comuns

Qual é a diferença entre códigos HEX de 3 e 6 dígitos?

+

Um código HEX de 3 dígitos como #F53 é uma abreviação de #FF5533 – cada dígito é duplicado. A ferramenta aceita ambos os formulários e sempre gera o código completo de 6 dígitos para maior clareza.

Posso inserir códigos HEX sem o símbolo #?

+

Sim. A ferramenta reconhece valores HEX com ou sem o hash inicial. Ele adicionará o # à saída automaticamente.

Como faço para converter uma cor com transparência?

+

Use um código HEX de 8 dígitos onde os dois últimos dígitos representam alfa (por exemplo #FF573380 para 50% de opacidade) ou insira quatro valores RGBA. A ferramenta converte o canal alfa entre os dois formatos.

Trabalhando com cores de marca em fotos?

AI Enhance pode ajustar as cores das fotos para combinar com a paleta da sua marca. Obtenha os valores RGB exatos aqui e use-os como referência ao aprimorar a fotografia do produto.

Experimente gratuitamente

More free tools

Explore our other limited free edits after sign-in photo and image tools.