un mundo de colores

COLORS

Colores RGB

Primarios

RGB: Rojo puro

RGB: Verde puro

RGB: Azul puro

Secundarios - Mezcla de dos colores primarios

RGB: Amarillo - Mezcla de rojo y verde.

RGB: Magenta - Mezcla de rojo y azul.

RGB: Cian - Mezcla de verde y azul.

Terciarios - Mezcla de un color primario y un color secundario cercano

RGB: Naranja - Mezcla de rojo y amarillo

RGB: Verde Lima - Mezcla de verde y amarillo

RGB: Violeta - Mezcla de azul y magenta.


Rueda de colores y colores complementarios

Rueda de Colores

Rueda de colores

Colores Complementarios

COMPLEMENTARIO

COMPLEMENTARIO

COMPLEMENTARIO

COMPLEMENTARIO

COMPLEMENTARIO

COMPLEMENTARIO


Hexadecimal (Hex) y HSL. Más Formas de Representar Colores

HEX - Algunos Colores interesantes

Hex: Alice Blue

Hex: Coral

Hex: Fire Brick

Hex: Hot Pink

Hex: Lemon Chiffon


HSL - Variando la saturación y la iluminación

Variando la saturación del Azul

HSL: Azul al 15% de Saturación

HSL: Azul al 35% de Saturación

HSL: Azul al 70% de Saturación

Variando la iluminación del Amarillo

HSL: Amarillo al 10% de Iluminación

HSL: Amarillo al 40% de Iluminación

HSL: Amarillo al 80% de Iluminación


Gradientes: la transición de color

Gradiente lineal

De rojo a azul de izquierda a derecha

Verde a Amarillo con un ángulo de 45º y un color stop al 40% y luego pasa a Verde Lima

Gradiente radial

Desde el centro hacia afuera, Violeta a Negro


Opacidad y Canal Alfa

Opacidad 0.2

Opacidad 0.7

Fondo negro con variaciones de Opacidad.

rgba(255, 127, 0, 0.4)

rgba(255, 127, 0, 0.8)

Fondo Naranja con variaciones de Alpha Channel.

Sombras

Sombra con desplazamiento, una borrosidad, una expansión y semitransparente para dar una apariencia tridimensional.