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

#3340bf

Governor Bay

HEX
#3340bf
HSL
234, 58, 47
RGB
51, 64, 191
XYZ
13, 8, 50
CMYK
73, 66, 0, 25
LUV
34,-2,-89,
LAB
34, 38, -68
HWB
234, 20, 25

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.

#3340bf

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