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

#ffffff

White

HEX
#ffffff
HSL
0, 0, 100
RGB
255, 255, 255
XYZ
95, 100, 109
CMYK
0, 0, 0, 0
LUV
100,16,7,
LAB
100, 0, 0
HWB
0, 100, 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.

#ffffff

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