Gerador e Seletor de Códigos de Cores

Gere códigos de cores, variações, harmonias e verifique as relações de contraste.

Conversão de cores

HEX

#ebebeb

Gallery

HEX
#ebebeb
HSL
0, 0, 92
RGB
235, 235, 235
XYZ
79, 83, 90
CMYK
0, 0, 0, 8
LUV
93,15,6,
LAB
93, 0, 0
HWB
0, 92, 8

Variações

O objetivo desta secção é produzir com precisão tons claros (com adição de branco puro) e sombras (com adição de preto puro) da cor selecionada, em incrementos de 10%.

Sombras

Tons claros

Combinações de cores

Cada harmonia tem a sua própria atmosfera. Use as harmonias para criar combinações de cores que funcionam bem juntas.

Complementar

Uma cor e o seu oposto na roda de cores, +180 graus de matiz. Alto contraste.

#ebebeb

Complementar dividida

Uma cor e duas adjacentes à sua complementar. Ousada como uma cor complementar direta, mas mais versátil.

Triádica

Três cores uniformemente espaçadas na roda de cores, cada uma com 120 graus de diferença. É melhor deixar uma cor dominar e usar as outras como destaque.

Análoga

Três cores com a mesma luminosidade e saturação, com matizes adjacentes na roda de cores, separadas por 30 graus. Transições suaves.

Monocromática

Três cores do mesmo matiz com valores de luminosidade +/-50%. Subtil e requintado.

Tetrádica

Dois conjuntos de cores complementares, separados por 60 graus de matiz.

Verificador de Contraste de Cores

Cor do texto
Cor de fundo
Contraste
Fail
Texto pequeno
✖︎
Texto grande
✖︎

Toda a gente é um génio. Mas se julgarmos um peixe pela sua capacidade de trepar a uma árvore, ele passará a vida inteira a acreditar que é estúpido.

- Albert Einstein