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

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 0

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.

#a100ff

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