MEJOR SITIO PARA DESARROLLADORES WEB
Colores HTML. Lecciones para principiantes

Ua En De Fr

Teoría del color


¿Qué es la teoría del color?

La teoría del color es una multitud de categorías, definiciones y conceptos.

Este tutorial cubre las partes que son más útiles para el diseño web:

  • Colores primarios, secundarios y terciarios
  • Ruedas de color (RGB, CMY, RYB)
  • Tono de color, luminosidad y saturación

El color de la luz

Sir Isaac Newton desarrolló la teoría de que todos los colores son mezclas de luz Red (roja), Green (verde) y Blue (azul).

Esto dio lugar al primer círculo de color conocido en 1666.

Sir Isaac Newton
Rueda de colores

El color de la pintura

En 1766, el científico Moses Harris creó la primera rueda de colores para clasificar el Red (rojo), el Yellow (amarillo) y el Blue (azul) como colores primarios.

Moses Harris trabajó con pintura (Newton trabajó con la luz) siguiendo una teoría (de un pintor francés) de que todos los colores son mezclas de pigmentos rojos, amarillos y azules.

Moses Harris
Rueda de colores

Sistemas de color

En este tutorial, cubriremos 3 sistemas de color diferentes:

  • El sistema de color se utiliza cuando se producen colores por luz (RGB)
  • El sistema de color utilizado al imprimir (CMY)
  • El sistema de color utilizado por artistas y pintores (RYB)

En realidad, la impresión utiliza un sistema de cuatro tintas y colores.

CMYK: Cyan, Magenta, Yellow, y Key (negro).


Colores primarios

Los colores primarios son los colores principales en un sistema de color determinado.

Los colores primarios no se pueden producir mezclando otros colores en un sistema de colores.

Los colores primarios de la luz son el rojo, el verde y el azul:

RGB Red Green Blue

Los colores primarios para la impresión son CYAN (cian), Magenta (magenta) y Yellow (amarillo):

CMY Cyan Magenta Yellow

Los colores primarios de la pintura son rojo, amarillo y azul:

RYB Red Yellow Blue

Colores secundarios

Los colores secundarios se crean mezclando dos colores primarios en un sistema de colores

Hay 3 colores secundarios en los sistemas de color descritos aquí.


Luz de mezcla (RGB)

Los colores secundarios son amarillo, cian, magenta.

Red + Green = Yellow
Green + Blue = Cyan
Blue + Red = Magenta

Tinta de mezcla (CMY)

Los colores secundarios son azul, rojo, verde.

Cyan + Magenta = Blue
Magenta + Yellow = Red
Yellow + Cyan = Green

Tenga en cuenta que la mezcla de los colores primarios de CMY produce los colores primarios de la luz (RGB).


Mezcla de pintura (RYB)

Los colores secundarios son naranja, verde, morado.

Red + Yellow = Orange
Yellow + Blue = Green
Blue + Red = Purple

Colores terciarios

Los colores terciarios se elaboran mezclando un color primario y un color secundario en un sistema de colores.

Hay seis colores terciarios con nombre en RYB:

  • Red-Orange
  • Yellow-Orange
  • Yellow-Green
  • Blue-Green
  • Blue-Purple
  • Red-Purple
Tertiary