Guía de la rueda de color, círculo cromático y combinación de colores
Domina los contrastes simultáneos, genera paletas complementarias y conoce las diferencias entre el modelo de Itten y la rueda de colores RGB.
1. ¿Qué es la rueda de color y cómo usar el círculo cromático online?
La rueda de color (o círculo cromático online) organiza los tonos cromáticos en una circunferencia de 360 grados. Diseñada desde las primeras investigaciones ópticas de Isaac Newton y ampliada en la escuela Bauhaus por Johannes Itten, la rueda color permite proyectar contrastes y armonías de forma intuitiva.
Nuestra herramienta online agiliza la combinación de colores para diseñadores gráficos, ilustradores y desarrolladores web, calculando automáticamente tonos complementarios, análogos y tríadas.
2. Rueda de colores de Itten (RYB) vs. Rueda de colores RGB
| Tono Base | Opuesto en Círculo Itten (RYB) | Opuesto en Pantalla (RGB) | Tipo |
|---|---|---|---|
| Rojo (#E60026) | Verde (#00AA44) | Cian (#00FFFF) | Primario |
| Amarillo (#FFE600) | Violeta / Morado (#7A0099) | Azul (#0000FF) | Primario |
| Azul (#002185) | Naranja (#FF6600) | Amarillo (#FFFF00) | Primario |
3. Armonías complementarias y contraste simultáneo
Los colores complementarios ocupan posiciones opuestas a 180 grados en la rueda de color. En el círculo de Itten (RYB), Rojo y Verde o Azul y Naranja intensifican mutuamente su luminosidad mediante contraste simultáneo, lo que los hace ideales para botones de acción, señales visuales y puntos focales.
¿Quieres comprobar qué color resulta al mezclar físicamente los tonos de tu paleta? Probar en el Simulador de Mezcla de Colores →
4. Paso a paso: cómo crear paletas en la rueda de color
Calcula combinaciones equilibradas y accesibles en cuatro pasos:
- 1
Elige entre modo Itten RYB o RGB
Cambia con 1 clic entre el círculo artístico de Johannes Itten (Rojo frente a Verde) y la rueda digital RGB.
- 2
Selecciona una regla de armonía
Elige esquemas Complementarios, Análogos, Triádicos, Tetrádicos, Complementarios Divididos o Monocromáticos.
- 3
Gira la rueda o introduce un HEX
Arrastra el nodo interactivo o ajusta matiz, saturación, luminosidad y código HEX base.
- 4
Audita accesibilidad y exporta
Verifica la matriz WCAG 2.1, simula daltonismo y exporta en Tailwind CSS, variables CSS o SVG.
5. ¿Quién utiliza la rueda de color online de PigmentLab?
Diseñada para creadores visuales, artistas y equipos web:
Diseñadores web y front-end
Obtén escalas de 9 matices (50–900) y copia tokens Tailwind CSS o variables :root listas para producción.
Pintores e ilustradores
Trabaja con los opuestos clásicos RYB de la Bauhaus (Rojo–Verde, Azul–Naranja) para composiciones naturales.
Especialistas en diseño inclusivo
Prueba tu paleta bajo Protanopía, Deuteranopía, Tritanopía y Acromatopsia con cálculo WCAG 2.1.
Docentes y estudiantes de diseño
Compara en vivo las diferencias entre la rueda de color artística y la rueda digital de pantalla.
6. Por qué usar PigmentLab como alternativa profesional
- ✓Doble motor en 1 clic: rueda artística Itten RYB y rueda digital RGB.
- ✓6 modos de armonía geométrica con escala de 9 tintes y sombras copiables.
- ✓Simulador de daltonismo en 4 modos y matriz de contraste WCAG 2.1 integrada.
- ✓Exportación instantánea a Tailwind CSS, variables CSS y paleta SVG.
- ✓100% gratis, sin cuentas obligatorias y con guardado automático local.
Fuentes Académicas y Especificaciones
- Getty Research Institute: Teoría del Color Bauhaus ↗
Archivo sobre la enseñanza cromática de Johannes Itten, su círculo de 12 tonos y siete contrastes.
getty.edu - Referencia sobre Johannes Itten y El Arte del Color ↗
12-part Farbkreis (RYB) & Kunst der Farbe (1961).
en.wikipedia.org - W3C CSS Color Module Level 4 ↗
Especificación oficial que define el espacio perceptual OKLCH y la función CSS color-mix().
w3.org - W3C Web Content Accessibility Guidelines (WCAG) 2.1 ↗
Criterios oficiales de contraste mínimo (AA 4,5:1 y AAA 7:1) para diseño accesible.
w3.org
Preguntas Frecuentes
¿Qué es una rueda de color o círculo cromático online?▼
Una rueda de color (o círculo cromático) es un diagrama circular que ordena los tonos del espectro visible. Permite a diseñadores, artistas y creadores realizar combinaciones de colores armoniosas como paletas complementarias, análogas y triádicas con base científica.
¿Cuál es la diferencia entre la rueda de colores Itten y la rueda de colores RGB?▼
En el círculo cromático tradicional de Johannes Itten (RYB para artistas), las primarias son Rojo, Amarillo y Azul, situando el Rojo frente al Verde. En una rueda de colores RGB digital, las primarias son luces de pantalla y sitúan el Rojo frente al Cian.
¿Cómo hacer una combinación de colores complementarios?▼
En nuestra rueda de color, las parejas complementarias se ubican a 180 grados de distancia. Al situarse juntas generan un contraste simultáneo que potencia el brillo de ambos tonos, perfecto para destacar elementos clave.
¿Se puede verificar contraste WCAG y daltonismo?▼
Sí. Nuestra herramienta calcula en tiempo real las razones de contraste WCAG 2.1 (AA y AAA) e incluye simulación para protanopía, deuteranopía, tritanopía y acromatopsia.