ferramentas

Visualizador de Cores Online

Escolha uma cor pelo seletor ou informe HEX, RGB ou HSL. Veja a prévia, encontre cores complementares e confira como texto e formas ficam em diferentes fundos e fotos.

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

Escolha ou digite a cor. Explore as combinações e compare as prévias em fundos sólidos ou paisagens.

Exemplo

Veja uma cor aplicada em texto e formas geométricas antes de usar em um site, arte ou apresentação.