Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripción 🔥

Aprende todo un fin de semana sin pagar una suscripción 🔥

Regístrate

Comienza en:

3D
16H
48M
20S

Cada color en su lugar: matiz, saturación y luminosidad

4/27
Recursos

Aportes 96

Preguntas 9

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

No se si lo dice pero el globo que utiliza se llama kolormondo

Resumen:

El círculo cromático = ver el color en 2D

Kolormondo = ver el color en 3D

Acromático: negro, gris, blanco

  • Matiz o Hue (H): la familia de color en sí

  • Luminosidad (B):

    • Los colores que viven en el penthouse, tienen blanco en su composición, son colores claros
    • Los colores que viven en el sotano, tienen negro en su composición, son colores profundos
  • Saturación (S):

    • Rango medio = su color más puro
    • Los colores que viven hacía las ventanas, les llega más luz y se saturan. Brillantes.
    • Los colores que viven hacía a dentro del círculo, no les luz, no tienen como brillar, son colores que tienen gris en su composición. Opacos, profundos.

Fundamental de conocer los 3 "Claves del Circulo cromático son:

¡Matiz , La Saturación y Luminosidad!

  • Matiz: Familia del color (hue)
  • Luminosidad: Colores claros vs. Profundos
  • Saturación: Brillantes vs. opacos

Yo utilizo este como ejemplo gráfico, quiza sirva a alguien mas.

También se puede utilizar un cilindro para entender este sistema:

Una joya! Definitivamente ha valido cada peso invertido en mi plan restart! Amo Platzi💚

Súper recomendad la App

Cada color en su lugar: matiz, saturación y luminosidad
Matiz
Es la familia de color en si (HUE)

con la luminosidad se podrá obtener diferentes tono de color, además del blanco y del negro

Los colores que se encuentran arriba del Hue se llamaran colores claro, y los que se encuentran abajo, colores profundos
Saturacion
por medio de la saturación podremos lograr diferentes tonalidades de un mismo color elevando su intensidad, también se puede crear diferentes tonos de gris

Este es un ejemplo del circulo cromatico en 2D

En los programas de diseño, el sistema para elegir el color estara en esta interface
H para la el color en si
S para la saturación
B para el Brillo del color

NOTAS DE CLASE

  • kolormondo: instrumento para ver el color en tres dimensiones los cuales son:
    -matiz(centro del kolormondo): son los colores que vimos en el sistema de Johannes Itten, los colores visibles con una luz neutra
    -saturación(exterior e interior del kolormondo): mientras más al exterior más puro el color y mientras más al interior menos puro
    -luminosidad o brillo(arriba y abajo del kolormondo): mientras más arriba más luminoso y mientras más abajo menos luminoso
    -En el modo HSB, H es Hue(Matiz), S es Saturation(Saturación) y B es Brightness(Brillo)

No se si explica más adelante de esta forma, pero experimentando con los colores y en algunos articulos se explica que el hue se mide en grados, donde 0° es rojo, 120° es verde y 240° es azul, los grados intermedios entre estos colores forman sus combinaciones y así sucesivamente. Dejo una imagen que me ayudó mucho para entender esta propiedad y “calcular” los colores en mi mente.

Ya probé el juego, y si es un reto en los niveles más altos, nunca pensé que los colores fueran tan difíciles de identificar.
͏͏͏   

Estaba probando el juego “I love Hue” que nos dejaron en la sección de recursos y es realmente impresionante e interesante como un color lo podemos percibir de una manera totalmente diferente, dependiendo de los colores del que este rodeado este. Y eso me recordó a la frase que nos dijo el profesor Carlos Jiménez @unavacaverde en el curso de introducción al diseño.

El color en sí mismo no es ni frío ni caliente, ni saturado ni poco saturado, no es brillante ni oscuro. El color en sí mismo solo tiene valor cuando esta rodeado de otro.


Si observan, cada uno de los colores los podemos percibir de una manera diferente cuando están rodeados de otros, pueden llegar a verse como mas brillantes, contrastantes, oscuros, vividos etc…


Pero una vez cambiamos ese patrón (Los colores del cual son rodeados) lo que percibíamos antes de este color, también cambia. Como por ejemplo, En la imagen de abajo, yo percibo este amarillo verdedoso, como un color muy brillante, contrastante, vivido, que destaca desde lejos.


Pero solo basta mover un color para cambiar esa perspectiva.

Incluso si te das cuenta, la manera en que percibías este color de tonalidad Rosa naranja quizás, cambio bruscamente mientras mas lo acercábamos a las columnas de tonalidades fucsias.



Se nota mas con nuestro amarillo verdoso, ya que a la medida de que se iba alejando de la columna de los colores fucsias, este cada vez mas pereciera que se fuese apagando, como disminuyendo su brillo e intensidad.


Cuando claramente no es así, lo único que cambio fueron los colores de su entorno y ahora la percepción que teníamos antes de este, ya no es la misma.


¡Juguemos con el color!

excelente el juego

¿El blanco, negro y gris?
Son considerados acromáticos.

Está muy difícil el juego de “I love Hue” jajajaja creo que encontré algo en cual me pueda entretener cuando este aburrido

Cuidado… el Kolormondo está basado en el modelo HSL, no en el modelo HSB. ¡Son diferentes!

HSB:

HSL:

Kolormondo:

Matiz o Hue (H): la familia de color

Luminosidad (B):
Los colores claros son los tienen blanco en su composición.
Los colores profundos son los que tienen negro en su composición

Saturación (S):
Es la cantidad de brillo que tiene un color, están el color en su estado puro, estan los color brillantes que son los que tienen mas presencia de luz y se saturan y estan los opacos que son colores que tienen gris en su composición.

¿Dónde puedo comprar ese círculo cromático?

Estuve probando la App I love Hue, y ciertamente la recomiendo bastante, me parece una gran aplicación no solo para practicar sino para relajarse, es una interfaz sencilla y agradable, fácil de entender y utilizar. Muchísimas gracias por recomendarla

Encontré esta imagen que contiene los valores en grados y hexadecimal de los colores en el círculo de los cuales se puede partir para sacar variantes:

El sistema de color HSB

H HUE (MATIZ) El color.
S CHROME (SATURACION) Colores mas BRILLANTES u OPACOS
B VALUE B (LUMINOSIDAD) Colores CLAROS o PROFINDOS

Increíble el juego, se pueden apreciar la diferencias entre cada tono de color.

¡Increíble explicación! Muchas gracias, Ana. c:

¡El kolormondo es increíble!

Matiz ( Hue)
Greenery
Fern Green
Lapis
Directoire Blue
True Blue
Violet Indigo Wild Aster
High Risk Red
Flame
Orange Peel
Saffron
Vibrant Yello

Matiz (Hue)
Saturación (Chroma)
Luminosidad (Value B)

Muy claros los conceptos. 😃

Me encantó!!! excelentes clases, con mucha fluidez y concreción

que tanta variedades de colores , detallista kolormondo

**matiz (Hue) **: Familia de color y acromáticos ( blanco, negro y gris)
luminosidad: Vale B
colores en el penhouse tiene blanco en su composicion y se les denomina claro.
los colores que viven en el sotano tiene negro , se llaman colores profundos
en el rango medio son colores puros
saturosidad o Chroma : ( de adentro hacia afuera)
brillantes vs opacos

Durante toda mi etapa de formación secundaria jugaba entre clases el juego que se recomienda al final de la clase, me animo mucho ver esa recomendacion

Wow, que interesante. Siempre tuve duda de esas iniciales en H, S y B

me fascina ese juego. me relaja mucho y me mantiene enfocada buscando los matices de color

Que manera tan increíble de explicarlo, este tema siempre me confundía. Pero con esta analogía lo súper entendí. Graciass!!

excelente juego

Muy interesante:)

Matiz, saturación y luminosidad, conceptos importantes para entender el color

Descargue el juego pero la verdad se me hizo complicado en los juegos de practica debido a que no se tiene muy educado el ojo de hecho hasta me dolió la cabeza jejeje con solo 3 ejercicios.

😃

felicidades a cada maestro que nos enseñan de manera clara y creativa.
excelente Platzi.


Aprendiendo sobre la clase 😃

Esa app de hue es muy buena. Sin tener conocimiento formal del tema de color el ojo se entrena para saber porque el color pertenece a cierto luegar y no a otro. Ahora con la info puedo entenderlo mejor

No conocia el kolormondo

255 Shades of Gray 🥵

Genial que juego entretenido.

al color azul verdoso le conozco como el verde menta

El matiz (Hue): es la familia de color en si, está dividido por las familias de los colores (amarillo, rojo, azul) los colores acromáticos (blanco negro gris) no están dentro de los matices.
Saturación(Chroma): se le llama rango medio, no son colores ni ultra-saturados ni opacos, están en su color más puro poseen el color gris en su composición.
Luminosidad(Brightness) Con más luz los colores se saturan y brillan mucho más, la luminosidad nos dicta que los colores que tienen blanco en su composición son los colores claros, y los que tienen negro en su composición son los colores profundos.

Excelente clase

matiz (hue): familia de color
saturación (chroma) : rango medio
luminosidad (value): para ponerle blanco o negro

colores que viven en el penthouse- blanco
colores que viven en el sótano _ negro

Algo que a mi me ayudo a entender mejor el Matiz es que a final de cuentas es la mezcla de ondas luminosas. Es el color en su forma más pura, de manera que no involucra ni el blanco o el negro. Existen 3 matices primarios que al mezclarlos puedes obtener matices diferentes o colores. Espero alguien le ayude “desmenuzado” que encontré jeje

Gracias

Modo HSB

Dimensiones del color

Saturación (S)

Luminosidad (B)

Matiz (H)

Me encantó el plus del juego

Es muy revelador,por lo general la mayoria de programas que editan color tienen el modelo HSB!

El juego me encantó, vale mucho la pena

Ahora todo tiene sentido, muchas veces en PS no entendía por que tantas variables para el color

me encanto esta clase, super excelente la forma de explicar.

el azul marino es de mis preferidos

turquesa

10/10

Claves para entender los colores: Matiz, saturación y luminosidad

Ya me descargue el juego y lo amo!!!

Ese juego que recomiendas esta complejo jeje, seguro jugandolo mucho se aprende bastante. Muy entendible como explicas cada cosa.

En el curso de introduccion al dise;o nos brindan la herramienta de Adobe: Color Wheel, sirve mucho para comenzar a jugar con el sistema HSB y educar el ojo 😃

Me encantan este curso

Interesante lo de los programas q encontramos el HSB

Me encantó la clase. Gracias gracias gracias!!! Con ésto se me abrió un “tercer” ojo y la app, genial…

El juego me encanto, solo el primer dia pase varios niveles, te sorprendes como la gama de colores cambia 😃

El juego que agregaron a los recursos de esta clase, es maravilloso, lo juego desde hace como 3 años y lo amo, excelente para entrenarnos en diferenciar tonos de color.

Me encantó la app de I love hue!!

impresionante no sabia que el simple mundo de los colores tuviera tantas cosas implicadas, y ese juego que ponen en los enlaces realmente me absorbido ajajajajaja según yo nomas lo probé y tarde como 2 hrs en darme cuenta que pase mucho tiempo en ese juego, realmente entiendo que la temática es aprender a diferencias los colores y sus diversas características

Matiz: la familia de color en sí
Luminosidad: penthouse se les llama claros, a los del sótano profundos.
Saturación: hacia las ventanas brillan mucho más, hacía dentro del circulo no les llega luz por tanto tienen gris en su composición. Brillantes vs Opacos.
HSB: Matiz (hue), Saturacion (Chroma), luminosidad (Value B)

Primer eje:
Luminosidad: en el kolormondo, los colores de arriba son los que tienen blanco en su composición (colores claros)
Los colores de abajo, son los que tienen negro en su composición (colores profundos)
Segundo eje:
Saturación (chroma): rango medio, los colores más puros. Los colores hacia las afueras o bordes, les da más luz y por eso se saturan y brillan más. Dentro del círculo se ven un poco más gris, no les llega luz, colores con gris en su composición. Brillantes afuera, opacos adentro.
H --> Hue Matiz
S --> saturación chroma
B --> value B luminosidad

La analogía del penthouse y del sótano es bastante racista. 🤔

wow sin palabra excelente clase.

Probé el juego que está en los recursos de esta clase, y es muy bueno. Es demasiado sencillo pero te engancha a la ves. Verdaderamente recomendado si quieren entrenar el ojo, con respecto a las gamas ceromáticas.

Gran juego Ana!

Definitivamente probare la app para mejorar mi persepcion del color

Que gran manera de explicar el tema!!! 🤯🤯🤯🤘🔥

Hasta ahora en la app voy en discípulo.

I Love Hue es un juego buenísimo. Ya que nos pone a prueba sobre la percepción del color.

Super interesante, no lo conocía

Lo explica increíble, muchas gracias!

Matiz:La diferencia entre un color y otro.
Saturación: Colorido o pureza en la intensidad de un matiz.
Luminosidad o Brillo: La cantidad de luz emitida por el matiz.