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

#bbb5a4

Nomad

HEX
#bbb5a4
HSL
44, 14, 69
RGB
187, 181, 164
XYZ
44, 46, 42
CMYK
0, 3, 12, 27
LUV
74,17,18,
LAB
74, -1, 9
HWB
44, 64, 27

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.

#bbb5a4

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