ferramentas

Comparador de Cores Online — Texto, Formas e Fundos

Confira visualmente uma cor ao lado de fundos pretos, brancos e complementares. Teste texto e formas geométricas com contorno preto, branco ou sem borda.

Combinações de cores

Selecione uma amostra para copiar o código HEX.

Complementar

Análoga

Tríade

Tetrádica

Tons claros e escuros

Compare texto e formas

A cor escolhida aparece como texto e como forma sobre fundos diferentes.

Borda das formas

Texto de exemplo

Preto #000000Contraste 4.48:1

Texto de exemplo

Branco #ffffffContraste 4.69:1

Texto de exemplo

Complementar #e4f65bContraste 3.94:1

Veja a cor nas paisagens

Compare como texto e formas aparecem sobre cada foto.

Texto sobre a paisagem
Paisagem 1 #6D5BF6
Texto sobre a paisagem
Paisagem 2 #6D5BF6
Texto sobre a paisagem
Paisagem 3 #6D5BF6
Texto sobre a paisagem
Paisagem 4 #6D5BF6

Como funciona

HEX, RGB e HSL são três formas de representar a mesma cor — HEX usa base 16 (#RRGGBB), RGB usa intensidade de vermelho/verde/azul (0-255), HSL usa matiz/saturação/luminosidade.

Como usar

Informe uma cor e compare os exemplos. Escolha se as formas ficam sem borda, com borda preta ou branca.

Exemplo

Compare a mesma cor em círculos, quadrados, losangos e triângulos sobre fundos claros e escuros.