Generador y Selector de Códigos de Color

Genera códigos de color, variaciones, armonías y comprueba las relaciones de contraste.

Conversión de colores

HEX

#ff6969

Bittersweet

HEX
#ff6969
HSL
0, 100, 71
RGB
255, 105, 105
XYZ
49, 32, 17
CMYK
0, 59, 59, 0
LUV
64,127,25,
LAB
64, 57, 30
HWB
0, 41, 0

Variaciones

La finalidad de esta sección es producir con precisión tintes (blanco puro añadido) y sombras (negro puro añadido) del color que hayas seleccionado en incrementos del 10%.

Sombras

Tintes

Combinaciones de colores

Cada armonía tiene su propio estado de ánimo. Utiliza las armonías para hacer una lluvia de ideas sobre combinaciones de colores que funcionen bien juntos.

Complemento

Un color y su opuesto en la rueda cromática, +180 grados de matiz. Alto contraste.

#ff6969

Complementarios divididos

Un color y dos adyacentes a su complemento. Audaz como un complemento directo, pero más versátil.

Triádica

Tres colores espaciados uniformemente a lo largo de la rueda cromática, cada uno con 120 grados de diferencia. Lo mejor es dejar que domine un color y utilizar los otros como acentos.

Análogos

Tres colores de la misma luminancia y saturación con matices adyacentes en la rueda cromática, separados 30 grados. Transiciones suaves.

Monocromático

Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.

Tetrádica

Dos conjuntos de colores complementarios, separados por 60 grados de matiz.

Comprobador de Contraste de Color

Color del texto
Color de fondo
Contraste
Fail
Texto pequeño
✖︎
Texto grande
✖︎

Todo el mundo es un genio. Pero si juzgas a un pez por su capacidad para trepar a un árbol, vivirá toda su vida creyendo que es estúpido.

- Albert Einstein