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

#ff5a00

International Orange

HEX
#ff5a00
HSL
21, 100, 50
RGB
255, 90, 0
XYZ
45, 29, 3
CMYK
0, 65, 100, 0
LUV
60,151,49,
LAB
60, 60, 70
HWB
21, 0, 0

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.

#ff5a00

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