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

#7c3dad

Royal Purple

HEX
#7c3dad
HSL
274, 48, 46
RGB
124, 61, 173
XYZ
18, 11, 41
CMYK
28, 65, 0, 32
LUV
39,29,-70,
LAB
39, 48, -49
HWB
274, 24, 32

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.

#7c3dad

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