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

#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

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.

#7c3dad

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