Ir para o conteúdo
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

Browser tool

Hex to RGB converter

Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.

Alpha: 1

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.

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.

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

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