Revista de cultura visual · Ecuador y América Latina

Círculo cromático: colores, armonías y teoría del color en diseño


Muestras de color dispuestas en círculo sobre una mesa

El círculo cromático es una rueda que ordena los colores según su tono y muestra cómo se relacionan entre sí. En su versión clásica de 12 colores reúne tres primarios, tres secundarios y seis terciarios, y sirve para encontrar combinaciones que funcionan juntas: colores complementarios, análogos, triádicos y otras armonías que se usan en diseño, pintura y moda.

¿Qué es el círculo cromático y para qué sirve?

Es un diagrama en el que los tonos se disponen en círculo, de modo que cada color queda entre los dos que lo rodean. Al cerrar el espectro sobre sí mismo, el rojo se encuentra con el violeta y aparecen relaciones que en una franja recta no se ven: qué color está enfrente de otro, cuáles son vecinos y cuáles forman un triángulo o un cuadrado.

Para un diseñador, un ilustrador o un fotógrafo es una herramienta de trabajo. Permite elegir una paleta con criterio, prever contrastes y explicar a un cliente por qué dos colores vibran juntos. La teoría del color es el campo más amplio que estudia cómo mezclamos, percibimos y combinamos los colores; la rueda es su herramienta más conocida.

¿Cuáles son los colores primarios, secundarios y terciarios?

En la rueda tradicional de pintores y escuelas, llamada RYB por las iniciales en inglés de rojo, amarillo y azul, los colores se organizan en tres niveles:

  • Primarios: rojo, amarillo y azul. En este modelo no se obtienen mezclando otros colores.
  • Secundarios: naranja, verde y violeta. Cada uno resulta de mezclar dos primarios.
  • Terciarios: seis tonos que nacen de mezclar un primario con el secundario que tiene al lado.
Color Nivel Se obtiene de Complementario (opuesto)
Rojo Primario No se obtiene por mezcla Verde
Rojo anaranjado Terciario Rojo + naranja Azul verdoso
Naranja Secundario Rojo + amarillo Azul
Amarillo anaranjado Terciario Amarillo + naranja Azul violáceo
Amarillo Primario No se obtiene por mezcla Violeta
Amarillo verdoso Terciario Amarillo + verde Rojo violáceo
Verde Secundario Amarillo + azul Rojo
Azul verdoso Terciario Azul + verde Rojo anaranjado
Azul Primario No se obtiene por mezcla Naranja
Azul violáceo Terciario Azul + violeta Amarillo anaranjado
Violeta Secundario Azul + rojo Amarillo
Rojo violáceo Terciario Rojo + violeta Amarillo verdoso

El blanco, el negro y los grises no forman parte de la rueda de tonos. Son neutros que aclaran, oscurecen o apagan un color: con blanco se obtiene un tinte, con negro una sombra y con gris un tono más apagado.

¿Qué diferencia hay entre los modelos RYB, RGB y CMYK?

Hay más de una rueda de color porque la luz y la tinta no se mezclan igual. El RYB es una convención histórica de la pintura; RGB y CMYK son los modelos con los que trabajan pantallas e imprentas, como explica la empresa de medición del color X-Rite.

Modelo Primarios Tipo de mezcla Dónde se usa Complementario del rojo
RYB Rojo, amarillo, azul Pigmento, modelo tradicional Pintura artística y enseñanza escolar Verde
RGB Rojo, verde, azul Aditiva: se suma luz Pantallas de celular, televisor y computadora Cian
CMYK Cian, magenta, amarillo, más negro (K) Sustractiva: la tinta absorbe luz Imprenta offset y digital Cian

En RGB, cada píxel combina luz roja, verde y azul; las tres juntas se perciben como blanco y la ausencia de luz, como negro. En CMYK, las tintas cian, magenta y amarillo restan luz al reflejarse sobre el papel. Como esas tres tintas juntas darían un negro amarronado por sus impurezas, la imprenta añade el negro (la K, de key) para dar densidad a las sombras.

En la práctica, un diseño que se verá en pantalla se trabaja en RGB y uno que irá a la imprenta se prepara en CMYK. Los colores no siempre coinciden entre ambos, así que conviene pedir una prueba impresa antes de un tiraje grande.

¿Quién inventó el círculo cromático?

El primer círculo de color publicado se atribuye a Isaac Newton, que lo incluyó en su Opticks de 1704, según la Royal Society. Después llegaron otras versiones:

Año Autor Aporte
1672 Isaac Newton Publica su teoría de la luz y el color: con prismas sostiene que la luz blanca se compone de siete colores.
1704 Isaac Newton En Opticks dispone los siete colores del espectro en un círculo de segmentos desiguales, inspirado en la escala musical.
1719 Brook Taylor Propone usar el círculo de Newton como guía para mezclar pinturas, aunque la teoría hablaba de luz y no de pigmentos.
Hacia 1720 Jakob Christoffel Le Blon Aplica la óptica de Newton a la imprenta: graba con planchas separadas para tres primarios y logra estampas a todo color.
1809 Johann Wolfgang von Goethe Su círculo divide el color en seis, tres primarios y tres secundarios, y pone el acento en cómo lo percibimos.
1861 Michel Eugène Chevreul Publica su círculo tras estudiar el contraste simultáneo como director de tintes en la manufactura de tapices de los Gobelinos.
1919-1923 Johannes Itten Enseña forma y color en el curso preliminar de la Bauhaus, en Weimar.
1961 Johannes Itten Publica El arte del color, con su esquema de 12 tonos.

Goethe discutió a Newton: para él, el color nacía donde se encuentran la luz y la oscuridad. Su modelo científico fue rebatido, pero sus ideas sobre la percepción influyeron en pintores como Turner. Chevreul, por su parte, marcó a los impresionistas y a Georges Seurat.

La rueda de 12 colores que hoy se enseña con más frecuencia debe mucho a Itten. Su esfera de color, impresa en 1921 como una estrella de 12 puntas, vinculaba los 12 tonos con las 12 notas de la escala cromática musical, y su libro de 1961 se sigue usando en clases de teoría del color, según el Cooper Hewitt, Smithsonian Design Museum. En la Bauhaus, la forma y el color eran parte de su curso preliminar, recuerda la Bauhaus Kooperation.

¿Qué son los colores complementarios, análogos y triádicos?

Son las armonías básicas de la rueda: reglas geométricas para elegir colores que funcionan juntos. Las aplicaciones de diseño las ofrecen como plantillas; el modo Armonía de Procreate, por ejemplo, incluye la complementaria, la complementaria dividida, la análoga, la triádica y la tetrádica.

Armonía Cómo se encuentra en el círculo Efecto Ejemplo (rueda RYB)
Monocromática Un solo tono con sus tintes, sombras y tonos apagados Unidad y calma Del celeste al azul marino
Análoga Tres colores vecinos Transición suave, poca tensión Amarillo, amarillo anaranjado y naranja
Complementaria Dos colores opuestos Máximo contraste: cada uno intensifica al otro Azul y naranja
Complementaria dividida Un color y los dos vecinos de su complementario Contraste alto, más fácil de equilibrar Azul con rojo anaranjado y amarillo anaranjado
Triádica Tres colores equidistantes, en triángulo equilátero Variedad con equilibrio Naranja, verde y violeta
Tetrádica o rectangular Dos pares de complementarios Paleta rica, difícil de dosificar Amarillo, violeta, naranja y azul
Cuadrada Cuatro colores separados por la misma distancia Reparto parejo entre cálidos y fríos Rojo, amarillo anaranjado, verde y azul violáceo

Los colores complementarios merecen una nota aparte. Puestos uno junto al otro con la misma intensidad, parecen vibrar. Para usarlos sin cansar la vista, conviene que uno domine y el otro funcione como acento, o bajar la saturación de alguno.

Otra división útil es la de colores cálidos (rojos, naranjas y amarillos) y fríos (verdes, azules y violetas). Lo que cada color nos hace sentir depende de la cultura y del contexto; ese terreno pertenece a la psicología del color más que a la rueda.

¿Cómo se aplica la teoría del color en diseño?

Este orden funciona para un afiche, una web o una identidad visual:

  1. Define el soporte. Pantalla, RGB y códigos hexadecimales; imprenta, CMYK y, si la marca lo exige, tintas directas.
  2. Elige un color base. Suele salir de la marca, del producto o de la fotografía principal.
  3. Aplica una armonía. Gira la rueda a partir del color base y prueba dos o tres esquemas antes de decidir.
  4. Reparte el peso. Un color dominante, uno secundario y un acento funcionan mejor que tres colores con la misma presencia.
  5. Revisa el contraste. Para texto en web, las pautas WCAG del W3C piden una relación mínima de 4,5:1 en texto normal y de 3:1 en texto grande.
  6. Pruébalo en escala de grises. Si la jerarquía desaparece sin color, el diseño depende demasiado del tono y puede costarle a quien tiene alguna forma de daltonismo.

En una identidad visual, la paleta acompaña a la forma y a la letra. En nuestra guía de tipos de logos explicamos cómo funciona cada variante, y en la de familias tipográficas, cómo elegir la letra que va con esos colores.

Preguntas frecuentes

¿Cuántos colores tiene la rueda cromática?

Depende del modelo. Newton usó siete colores, Goethe seis y Itten doce. La versión más enseñada tiene 12: tres primarios, tres secundarios y seis terciarios. Las ruedas de los programas de diseño, en cambio, muestran un espectro continuo de matices.

¿Cuál es el color complementario del rojo?

En la rueda tradicional RYB, la de pintores y escuelas, el complementario del rojo es el verde. En los modelos RGB y CMYK, que usan pantallas e imprentas, es el cian. Por eso una combinación pensada con pinturas no siempre coincide con la que propone un programa de diseño, y conviene saber con qué modelo se está trabajando.

¿Los colores primarios son rojo, amarillo y azul o rojo, verde y azul?

Las dos respuestas son correctas según el sistema. Rojo, amarillo y azul son los primarios de la tradición pictórica (RYB). Rojo, verde y azul son los primarios de la luz (RGB), con los que funcionan las pantallas. Para la imprenta, los primarios sustractivos son cian, magenta y amarillo, a los que se suma el negro.

¿Qué diferencia hay entre teoría del color y círculo cromático?

La teoría del color es el conjunto de conocimientos sobre cómo se forman, se mezclan, se perciben y se combinan los colores, desde la física de la luz hasta la armonía en una composición. La rueda de color es una de sus herramientas: un esquema visual que ordena los tonos y permite encontrar contrastes y armonías de un vistazo.

Fuentes

Actualizado el 28 de octubre de 2026.

Imagen de portada. Foto: Andy Brown en Unsplash

Buscar

Sobre BG