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