Crea una cuenta o inicia sesión

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

No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14 Días
10 Hrs
49 Min
38 Seg

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

4/26
Recursos

Aportes 112

Preguntas 9

Ordenar por:

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

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

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!

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.

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)

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.
͏͏͏   

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

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

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

En MExico, saben en donde puedo conseguir el kolormondo ? saludos
🎨 **Explorando el Mundo del Color: Desde el Círculo Cromático hasta Kolormondo** El color es una parte fundamental de nuestra experiencia visual, y entenderlo nos permite aplicarlo de manera más efectiva en nuestros proyectos creativos. Hoy, vamos a profundizar en cómo percibimos el color en diferentes dimensiones y los conceptos clave que nos ayudan a manipularlo. 🌈 **El Círculo Cromático: Ver el Color en 2D** El círculo cromático es una herramienta clásica para visualizar y organizar los colores en dos dimensiones. Es ampliamente utilizado para entender las relaciones entre los colores y crear combinaciones armoniosas. 🌐 **Kolormondo: Ver el Color en 3D** Kolormondo lleva la comprensión del color un paso más allá al permitirnos ver los colores en tres dimensiones. Esta herramienta ayuda a visualizar cómo los colores interactúan en el espacio, proporcionando una perspectiva más completa y dinámica. ⚫ **Colores Acromáticos:** Los colores acromáticos incluyen el negro, gris y blanco. Estos colores no tienen matiz y se utilizan frecuentemente para crear contrastes y sombras. 🎨 **Matiz o Hue (H):** El matiz se refiere a la familia del color en sí, como rojo, azul o verde. Es la base sobre la que se construyen todos los colores. 🌞 **Luminosidad (B):** * **Colores Luminosos:** Los colores que "viven en el penthouse" tienen blanco en su composición, haciéndolos claros y luminosos. * **Colores Profundos:** Los colores que "viven en el sótano" tienen negro en su composición, haciéndolos oscuros y profundos. ✨ **Saturación (S):** * **Rango Medio:** En su rango medio, los colores están en su forma más pura y vibrante. * **Colores Brillantes:** Los colores hacia las "ventanas" reciben más luz y se saturan, volviéndose brillantes. * **Colores Opacos:** Los colores hacia el interior del círculo no reciben luz y tienen gris en su composición, haciéndolos opacos y menos vibrantes. **Aplicaciones Prácticas:** * **Diseño Gráfico y Branding:** Utiliza el círculo cromático y Kolormondo para crear paletas de colores que reflejen la personalidad y valores de tu marca. * **Decoración de Interiores:** Aplica los conceptos de luminosidad y saturación para elegir colores que transformen espacios según la luz y el ambiente deseado. * **Moda y Estilo:** Juega con matices, saturaciones y luminosidades para crear atuendos que resalten y complementen tu estilo personal. **¿Cómo utilizas el color en tus proyectos? ¡Comparte tus experiencias y descubrimientos en los comentarios!** 👇💬
Me hubiese encantado probar el juego pero al parecer no esta disponible
Excelente!
Yo venía a aprender del color y terminé picado con el juego :P Para nada es queja jajaja
los blancos en el penthouse :) y los negros en el sótano :(
Increíble lo del color mondo. Quiero uno!
Que increíble, tengo que decir que I love Hue es de mis juegos favoritos desde hace años, pero no había escuchado del Kolormondo. Y hay muchas cosas que ahora entiendo. ¡Genial!
No encuentro ningún link.

Está buenísimo el Kolormondo, se hace muy fácil entender los conceptos de H, S y B con ese modelo. La app I Love HUE también está muy entretenida y útil.

I love HUE interesante app no la conocía, muchas gracias por compartirla con nosotros.

excelente no sabia bien los nombres de tonos profundos y externos.

Puuuumm!! Tremenda analogia, nunca pense que podría entender aun más estos conceptos, pero me sirvió para entender los colores dese otro punto de vista⚡🔥

quiero ese globo de colores ¡! lo necesito jajajajaja

la clave de entender los colores: el matiz, la saturación y la luminosidad. entender cualquier concepto de color aplicado a cualquier lugar. El matiz es la familia en si, la familia de color en si

La Luminosidad claros, profundos.
Saturación Le llamaremos rango medio que no son opacos, que todavía no tienen ninguna intervención de ninguna de las dimensiones. colores en su más puro.

En programas de diseño podemos ver estos mismos conceptos con las palabras HSB

**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:)

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)