Rueda de Colores (Armonías)
Elige un color en la rueda y descubre sus combinaciones armoniosas: complementarios, análogos, triádicos y más.
Cómo usar la rueda de colores
Elige un color en la rueda
Haz clic o arrastra sobre la rueda de colores para elegir el color base.
Selecciona el tipo de armonía
Elige entre complementario, análogo, triádico, tetrádico o monocromático.
Copia los colores resultantes
Verás los colores armoniosos marcados en la rueda y en una lista con su código HEX para copiar.
Preguntas frecuentes sobre la rueda de colores
La rueda de colores es la herramienta clásica de la teoría del color para encontrar combinaciones armoniosas. Aquí puedes usarla de forma interactiva y obtener el código HEX exacto de cada combinación.
¿Qué es una armonía de color?
+
Es una combinación de colores que resulta visualmente agradable según su posición en la rueda de colores, como los complementarios (opuestos) o los análogos (vecinos).
¿Qué tipos de armonía puedo ver?
+
Complementario, análogo, triádico, complementario dividido, tetrádico y monocromático.
¿Cómo elijo el color base?
+
Haz clic o arrastra sobre la rueda de colores; también puedes escribir directamente un código HEX.
¿Puedo copiar los colores resultantes?
+
Sí, haz clic en cualquier color de la lista para copiar su código HEX.
¿Es gratis?
+
Sí, esta herramienta es completamente gratuita.
¿Se sube mi selección a algún servidor?
+
No, todo el cálculo ocurre directamente en tu navegador.
Colores
Conversor de colores (HEX, RGB, HSL, CMYK)
Convierte cualquier color entre HEX, RGB, HSL y CMYK al instante, con vista previa en vivo y el nombre de color más cercano.
Generador de paletas de colores
Crea paletas de 5 colores armoniosas (complementarias, análogas, triádicas o monocromáticas) a partir de un color base.
Generador de gradientes CSS
Crea degradados lineales o radiales con hasta 4 colores y copia el código CSS listo para usar.
Comprobador de contraste WCAG
Comprueba si la combinación de color de texto y fondo cumple los niveles de accesibilidad AA y AAA.
Color aleatorio
Genera un color aleatorio con un clic y descubre su nombre, su código HEX/RGB/HSL y colores similares.
Selector de color (cuentagotas)
Elige cualquier color de tu pantalla con la herramienta cuentagotas del navegador, o usa el selector clásico.
Simulador de daltonismo
Sube una imagen y comprueba cómo la verían personas con protanopia, deuteranopia o tritanopia.
Generador de Gradientes Mesh
Crea fondos con gradientes mesh (manchas de color difuminadas) y descárgalos en PNG o copia el código CSS.
Generador de Tonos y Sombras
Genera automáticamente los tonos más claros y las sombras más oscuras de cualquier color, con su código HEX.
Mezclador de Colores
Mezcla dos colores y descubre los tonos intermedios paso a paso, con su código HEX.
Extractor de Paleta desde Imagen
Sube una imagen y extrae automáticamente sus colores dominantes en una paleta, con el código HEX de cada uno.
Color Promedio de una Imagen
Sube una imagen y calcula al instante su color promedio, con su código HEX, RGB y HSL.
Explora los colores por familia
Más de 469 colores con nombre, con su código HEX, RGB, HSL y CMYK, organizados en 12 familias de tonos.
