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

#353942

Tuna

HEX
#353942
HSL
222, 11, 23
RGB
53, 57, 66
XYZ
4, 4, 6
CMYK
20, 14, 0, 74
LUV
24,2,-5,
LAB
24, 1, -6
HWB
222, 21, 74

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.

#353942

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