No se si lo dice pero el globo que utiliza se llama kolormondo
Fundamentos del color
Todo lo que aprenderás sobre cómo usar el color
¿Cómo funciona el color? Ciencia y Física
Decodificando el círculo cromatico
Cada color en su lugar: matiz, saturación y luminosidad
¿Cómo hablar con fluidez el lenguaje del color?
Quiz: Fundamentos del color
Uso del color: Crear balance y Armonía
Interacción de colores: armonía cromática
Experimenta con colores básicos
Experimenta con luminosidad y saturación
Experimenta con la temperatura del color
¿Cómo se relacionan los colores?
El arte de la comunicación Cromática
¿Qué es la psicología del color?
Expresa emociones con color
¡Más emociones y más colores!
Cuenta historias con color
Quiz: El arte de la comunicación Cromática
El Branding y el Color
Usa el color para crear productos irresistibles
Diseña estrategias para tu audiencia
Define personalidades cromáticas
Escoge tus atributos de marca
Sé diferente desde el color
Quiz: El Branding y el Color
Diseño de paletas de color
Diseña tu mapa de inspiración
Diseña tu propia paleta
Paleta de color a prueba de balas
Afina contraste, luz y armonía en tu paleta de color
Herramientas para trabajar con color digital
¿Cómo usar una pantonera y Adobe Color?
Realiza tu último chequeo cromático
Tu checklist final
Create an account or log in
Keep learning for free! Join and start boosting your career
Resources
How to understand the three pillars of color?
The magic of color in design and art goes beyond simply selecting pleasing combinations. In order to master the color palette, we must understand three fundamental concepts: hue, saturation and luminosity. These are the cornerstones for mastering any application of color in design, from creating stunning logos to decorating inviting interiors.
What is hue and how is it applied?
Hue, also known as hue, represents color families. For example, yellow, red and blue are different hues. Interestingly, colors such as black, white and gray are not considered hues because they are achromatic. This means that they are not part of these color families, but they play crucial roles in design by working as neutral tones that balance and accentuate other colors.
In practical applications, recognizing hue helps us choose color schemes that can communicate different emotions, such as warmth or coolness, which is vital in graphic design, fashion and art.
How does lightness influence colors?
Lightness helps us identify how light or dark a color is. This axis of light can be visualized as a building: light colors, with white in their composition, are in the penthouse, while dark colors, with black, are in the basement. Understanding this concept is essential for creating effective contrasts and directing the viewer's attention.
For example, in web design or infographics, using a bright color to highlight essential information can increase the readability and visual impact of the content.
What role does saturation play?
Saturation refers to the intensity of a color. Imagine a three-dimensional color circle: when a color moves away from the edges of the circle, it becomes more saturated and brighter. Conversely, towards the center, colors lose saturation, becoming duller or grayer tones.
This understanding of saturation is particularly useful in photography and film, where adjusting saturation can evoke different moods or highlight certain elements in a scene.
How do we apply these concepts in digital tools?
In design tools, we find the HSB model, where "H" stands for hue, "S" for saturation and "B" for brightness or lightness. This model helps designers to adjust colors precisely and adapt them to the aesthetic needs of a project.
To develop a finer eye and better appreciate the richness of colors, we encourage you to practice with resources such as the "I Love Hue" game, which sharpens your perception and understanding of color through visual training.
Immersing yourself in the world of color and mastering its complexities can be an eye-opening journey; we encourage you to continue exploring these color principles and let them enrich your creativity and art!
Contributions 115
Questions 9
Sort by:
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
Por aqui les dejo una explicacion mas: https://www.archipalettes.com/blog/las-propiedades-del-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
MATIZ: HUE representa la familia de los colores como AMARILLO, ROJO, AZUL
negro, blanco y gris NO son matiz
son ACROMATICOS tonos neutros equilibran y acentúan el color
LUMINOSIDAD: cual claro u oscuro es un color, siendo los de arriba colores claros con blanco en su composición y abajo colores oscuros con negro en su composición.
SATURACION: es la intensidad de un color cuando el color se aleja se vuelve mas saturado brillante al contrario pierden saturación el tono se torna apagado o grisáceos.
En herramientas digitales se encuentran de la siguiente manera
H: matiz o hue
S: saturación
B: brillo luminosidad
**Aprendí que:**
* <u>Matiz (Hue):</u> Familia de color o tonalidad.
* <u>Luminosidad (Value B):</u> Contenido de blanco en su composición. Que tan *claros* vs *profundos*.
* <u>Saturación (Chroma): </u>Rango medio es el color más puro. Que tan *brillante vs opaco*
Este es aporte, con tendencia de pregunta me costo mucho trabajo entender el tema , no voy a incluir definiciones esas las podemos revisar en una búsqueda.
En mi opinión :
<u>Matiz </u>es básicamente que color es, <u>Luminosidad</u> cantidad de luz. <u>Saturación</u> es la pureza del color.
La diferencia clave entre saturación y luminosidad es que un color menos saturado se vuelve mas gris.
y un color menos luminoso no se vuelve mas gris cambia en si como las superficies mate y brillantes.
Es una analogía súper simple pero así me fue fácil asimilar los conceptos si alguien piensa que no lo capte bien se acepta feedback. Gracias¡
### **1. Matiz (Hue):**
* Es la característica del color que lo define como rojo, azul, verde, etc.
* Representa el color "puro" en la rueda cromática.
* Es lo que diferencia un color de otro en su forma más básica.
* Sin importar si ha sido modificado, por ejemplo un rojo normal, rojo claro, rojo oscuro pertenecen al matiz rojo (familia de colores).
### **2. Saturación (Saturation):**
* Se refiere a la intensidad o pureza del color.
* Un color altamente saturado es vibrante y llamativo, mientras que un color con baja saturación tiende hacia tonos más apagados o grises.
* Jugar con la saturación te permite crear contrastes sutiles o fuertes en tus diseños.
* Para aumentar la saturación en un color se disminuye el gris y se agrega gris para disminuirla
### **3. Luminosidad (Brightness o Lightness):**
* Es qué tan claro u oscuro es un color.
* Aumentar la luminosidad hace que el color se acerque al blanco, mientras que disminuirla lo acerca al negro.
* Es clave para generar jerarquías visuales y lograr balance en un diseño.
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!!
Want to see more contributions, questions and answers from the community?