{{color}} — Información del color

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
Web-Safe:
#{{safeColor(colornohash)}}
Temperature:
{{temperature(color)}} °K

Matices

Creados agregando blanco a un color base, haciéndolo más claro. Los matices se vuelven de colores pastel.

#{{color}}

Tonos

Creados agregando gris a un color base, haciéndolo más claro. Los tonos parecen más complejos que el color base.

#{{color}}

Tonos

Creados agregando negro al color base, haciéndolo más oscuro. Los tonos lucen más ricos.

#{{color}}

Combinaciones de color

Complementary

Colores complementarios, opuestos entre sí. Dos colores opuestos.

#{{color}}
Split Complementary

El color principal y otros dos colores que están alrededor del borde del color principal opuesto.

#{{color}}
Triadic

La combinación de tres colores equidistantes en la rueda de colores.

#{{color}}
Tetradic

La combinación de dos pares de colores complementarios, cuando forman un cuadrado o rectángulo.

#{{color}}
Analogus-complementary

La combinación del color opuesto y sus vecinos en la rueda de colores.

#{{color}}
Analogus

La combinación de cuatro colores vecinos en la rueda de colores.

#{{color}}

Contrastes

Herramientas

Hola,
¡Qué bueno verte!

¿Olvidaste tu contraseña?

Ingresa la dirección de correo electrónico que utilizaste al unirte y te enviaremos instrucciones para restablecer tu contraseña.

Crear
una nueva cuenta

Contraseña no coincide

Presentando los Gradientes de Malla

Hemos añadido un generador de gradientes de malla y una nueva biblioteca de malla para que puedas enriquecer con tus gradientes. Ahora puedes crear hermosos gradientes abstractos, descargarlos, copiar sus códigos CSS, guardarlos en tu panel personal y añadirlos a la biblioteca pública.

¡Pronto añadiremos un generador de gradientes radiales!

Gradientes de malla