Xerador e selector de código de cores

Xerar códigos de cores, variacións, harmonías e comprobar as relacións de contraste.

Conversión 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

Variacións

O propósito desta sección é producir con precisión matices (branco puro engadido) e sombras (negro puro engadido) da cor seleccionada en incrementos do 10 %.

Sombras

Tintes

combinacións de cores

Cada harmonía ten o seu propio ambiente. Usa harmonías para facer unha chuvia de ideas sobre combinacións de cores que funcionen ben xuntas.

Complemento

Unha cor e o seu oposto no círculo cromático, +180 graos de matiz. Alto contraste.

#bbb5a4

Complementario dividido

Unha cor e dúas adxacentes ao seu complementario, a +/-30 graos de matiz desde o valor oposto á cor principal. Atrevida coma un complementario directo, pero máis versátil.

Triádico

Tres cores espazadas uniformemente ao longo do círculo cromático, cada unha separada por 120 graos de tonalidade. É mellor deixar que unha cor domine e usar as outras como acentos.

Análogo

Tres cores coa mesma luminancia e saturación con tons adxacentes no círculo cromático, separados por 30 graos. Transicións suaves.

monocromático

Tres cores da mesma tonalidade con valores de luminancia de +/-50 %. Sutil e refinada.

Tetrádico

Dous conxuntos de cores complementarias, separadas por 60 graos de tonalidade.

Comprobador de contraste de cor

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

Todo o mundo é un xenio. Pero se xulgas un peixe pola súa capacidade para subir a unha árbore, vivirá toda a súa vida crendo que é estúpido.

- Albert Einstein