Tool clássica

Gerador de Cores Hex, RGB e HSL

Gere cores, converta HEX, RGB e HSL e veja contraste, complementar e variações em tempo real.

Use este gerador de cores HEX, RGB e HSL para criar combinações rápidas, converter formatos e validar se uma cor funciona bem em interface, branding, slides, thumbnail, botão ou peça editorial. Em vez de trabalhar só com um código solto, você enxerga a cor principal, a complementar e variações mais claras e escuras no mesmo painel.

Você pode começar por um código hexadecimal, ajustar canais RGB ou refinar matiz, saturação e luminosidade em HSL. Isso ajuda tanto quem já sabe a cor exata quanto quem ainda está buscando um tom mais forte, mais suave, mais limpo ou com melhor leitura em fundo claro e fundo escuro.

A ferramenta também sugere contraste de texto e uma pequena paleta derivada da cor base. Esse fluxo é útil para designers, criadores de conteúdo, social media, desenvolvedores, lojistas e qualquer pessoa que precise escolher cor com mais contexto visual e menos tentativa manual.

Ajuste RGB
Ajuste HSL

Escolha uma cor no seletor, cole um HEX ou ajuste RGB/HSL para gerar uma paleta rápida com contraste e complementar.

#2F7DE1
Resumo da cor#2F7DE1 corresponde a rgb(47, 125, 225) e hsl(214, 74%, 53%).
HEX#2F7DE1
RGBrgb(47, 125, 225)
HSLhsl(214, 74%, 53%)
Cor complementar#E1932F
Melhor contraste de textoEsta cor aceita melhor texto claro por cima.
Mais profunda#0F3869
Mais escura#1B5BB0
Base#2F7DE1
Mais clara#70A7EC
Complementar#E1932F

Preencha os campos com informações claras para receber um resultado mais útil.

Como usar Gerador de Cores Hex, RGB e HSL

Abra a ferramenta, preencha os campos com os dados que você já tem e gere o resultado com calma. Se quiser comparar cenários, altere um campo por vez para entender como cada informação muda a resposta.

Quando Gerador de Cores Hex, RGB e HSL faz sentido

O foco aqui é simples: Gere cores, converta HEX, RGB e HSL e veja contraste, complementar e variações em tempo real. Ela funciona bem para estudo, revisão rápida, planejamento e conferência antes da etapa final do seu trabalho.

O que conferir antes de usar o resultado

Revise unidades, nomes, números, contexto e qualquer detalhe que possa mudar a interpretação. Se o resultado entrar em orçamento, documento, cálculo técnico ou publicação, faça uma revisão manual final.

Perguntas frequentes

O que eu preciso ter em mãos antes de usar a ferramenta?

Separe os dados básicos da tarefa, confira unidades e escreva os valores com clareza. Quanto mais limpo estiver o preenchimento, mais fácil fica revisar o resultado depois.

Posso testar cenários diferentes na mesma página?

Pode. O melhor caminho é alterar um campo por vez, comparar as respostas e observar qual informação realmente muda o resultado final.

O resultado já pode ser usado sem revisão?

Não é o ideal. Use o resultado como apoio e faça uma última checagem manual antes de levar a informação para orçamento, documento, planilha, código ou publicação.