You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
17 Hrs
42 Min
56 Seg

Afina contraste, luz y armonía en tu paleta de color

23/26
Resources

How to define contrasts in a color palette?

An effective color palette is not only harmonious, but also user-friendly. An essential part of its creation is the definition of contrasts. This process begins with detailed observation of the colors that make up your palette. In Adobe Color, a popular tool for designers, you can experiment with the created palette to analyze contrasts.

  • Saturated and desaturated colors: In an analog palette, such as the one shown in the video, colors can be at maximum saturation. However, adding a desaturated color, such as violet, can prevent all colors from glowing at the same time.

  • Neutral colors: Often a neutral color is included to balance the palette. The importance of neutral colors lies in their ability to make other colors pop without being overwhelming.

  • Accessibility: It is critical to consider color accessibility. Visual impairments can affect the perception of certain colors, and Adobe Color offers a module for testing palette accessibility.

How do you ensure your palette is accessible?

Adobe Color provides a module to help ensure the accessibility of a color palette. Often, palettes that comply with certain rules work well in this module, but small modifications can improve accessibility.

  1. Contrast test: Slightly changing the colors can lead to a more harmonious and recognizable palette.
  2. Luminosity test: Convert the colors to grayscale in programs such as Illustrator or Photoshop to check the luminosity contrast.

What is the ideal proportion of colors in a palette?

Proportion is a vital aspect when talking about color palettes. The classic proportion is 60-30-10:

  • 60% of the main color: This is the predominant color.
  • 30% neutral colors: They accompany without overshadowing the main color.
  • 10% of accents: Colors that, although in smaller proportion, add dynamism and capture attention.

However, it is completely valid to break the rules to explore different visual expressions. For example, increase the percentage of accents if you want a more vibrant design.

How to make creative decisions when combining colors?

When combining colors you should be flexible and innovative. Exploring different shades and using black or white to adjust the brightness will allow you to try combinations that highlight the visual message. Some strategies to consider include:

  • Experiment with proportions: Adjust proportions according to the message you want to convey.
  • Simulation and testing: Before taking a design to the public, simulate the combination to see how the colors are perceived together.
  • Value check: Make sure the mix maintains good visual contrast. Iterating and adjusting as needed provides a balanced and appealing design.

Finally, it is important to remember that rules help guide, but creativity should not be limited by them. Your creative choices are the essence of a unique and exciting design.

Contributions 112

Questions 16

Sort by:

Want to see more contributions, questions and answers from the community?

Mis ejercicios, gracias a esta clase comprendí cómo pude mejorar mi paleta. 😃

**Verificación con adobe color **

Ejercicio de verificación

*AFINA CONTRASTE, LUZ Y ARMONÍA EN TU PALETA DE COLOR *

  1. DEFINE LOS CONTRASTES
    Una de las partes más importantes al trabajar con color, por eso es bueno apoyarte de herramientas como ADOBE COLOR, esto para asegurarnos que la paleta de color sea armonía e incluso de el mensaje correcto a personas con discapacidad visual. Estas herramienta son muy buenas pero no dejan de ser un software que sigue las reglas al pie de la letra, siempre es bueno seguir tu intuición creativa para crear mensajes impactantes
  2. TEST DE LUMINOSIDAD
    Pasando tu paleta a escalas de grises podrás notar si tu paleta tiene el suficiente contraste entre los colores que elegiste para que tu paleta no se vea plana.
  3. PROPORCIÓN DEL COLOR
    Hay veces que los colores no funcionan bien entre si, pero por ello es bueno siempre aplicar un proporción como lo es la clásica de 60-30-10; %60 de nuestro color principal %30 de los colores neutros y %10 de los acentos
  4. REVISA TUS ARMONÍAS
    Una vez teniendo la paleta y las proporciones, debemos con un esquema que funciona y que no, siempre aplicando un chequeo de valor, pasando la paleta en escala de grises y aplicando el esquema podremos percibir mejor el contraste para ver si necesitamos de cambios finales para un mejor resultado.

Luego de revalidar la paleta inicial, me decidí por una paleta de otoño. Aquí mis ejercicios.





Este video muestra como convertir los colores a escala de grises

https://youtu.be/xMdBxBQwkxg

mi paleta inicial
otra versión

![paleta final.png]
versión final
(https://static.platzi.com/media/user_upload/paleta final-8f5d3475-6075-47c3-94ce-34c6b6086404.jpg)

Una buena forma de realizar una prueba de luminosidad es generando una capa superior de color sólido #7F7F7F y ponerla en modo de fusión Color.



Me encantaron estos ejercicios de color, he aprendido mucho este tema me gusta mucho. Les comparto mi ejercicio

MI EJERCICIO
utilizando la proporción y luminosidad de la paleta de colores que elegí. también buscar las dimensiones del color que necesitamos para dar con la armonía adecuada para nosotros.

no entiendo como TE Mandan hacer cosas con Las herrmientas Adobe y Photoshop sin tener conocimiento de la misma

Buenas con todos! Acá les muestro mi paleta de color, esta quiere transmitir confianza, garantía y modernidad. Está enfocado para una empresa de confección de cortinas, muebles u alfombras.
Logra transmitirlo?


.

aquí comparto los ejercicios que hice

Mi paleta🤩🤩🤩🤩🤩🤩🤩

Que buen ejercicio, si toma bastante tiempo elegir el color cuidando los contrastes no solo por matiz, la prueba de luminosidad es un filtro tremendo.
.
.

.
.

.
.

si depronto tienen dudas del color que eligieron para describir su personalidad dejo link de la siguiente pagina
https://www.lavanguardia.com/vivo/psicologia/20160809/403778958832/color-personalidad.html

Me encanta trabajar con los colores en estrategia de diseño. muy buenas recomendaciones, y conocimiento.


Con esta técnica me ahorra tiempo!

Excelente clase te empuja a superar tu proyecto anterior y generar un mejor resultado eso se le llama Kaisen: mejora continua, así siento que es este curso y así es como manejo mi vida, por ende me apasiona y me motiva seguir aprendiendo y estudiado, Aquí!

![](file:///E:/PICAD/Comercial/Logo/Paleta/Paleta.jpg)Logré encontrar la forma de contrastar la paleta de mi compañía perfectamente! :) aquí mi ejercicio 👇![](https://static.platzi.com/media/user_upload/Paleta-a3d3354d-daec-4ede-b39b-27463d561a76.jpg)

Mi ejercicio para la paleta de colores para mi marca personal

min 5:21. Todos los colores son hermosos, excepto el pantone 448 C.


Este es mi ejercicio con la paleta que armé 😄

Ya que no se encuentra la plantilla de los ejercicios, pueden copiar el ejercicio de alguno de nuestros compañeros y pegarlo en photoshop, ahí con el cubo de pintura utilizan los colores de su paleta

Creo que tengo que mejorar un par de cositas 😮

UNA MARAVILLA!!! Siempre supe que el color era complejo, pero nunca pense que seria tan emocionante descubrir esto!! Gracias Totales!!!

Mis ejercicios

Mi aporte

Comparto mi paleta de colores

PROPORCIÓN DE COLORES

TEST DE LUMINOSIDAD

TEST DE CONSTRASTES

PROPORCIÓN AL COLOR

ARMONÍAS


Supongo que con la paleta de colores se pueden manejar diferentes proporciones para diferentes diseños (logos, banner, pantallas de carga, etc)

Hola, les dejo mi aporte! Al hacer este ejercicio cambie de estrategia, en cuanto a colores principales y acento. Creo que ese tema fue el que tuve más dudas. Muy buenas las clases, estoy aprendiendo bastante de colores!!


Me sorprendió esta clase, gracias a los ejercicios aprendí mucho, a demás me ayudo a lograr una paleta amigable con la accesibilidad.

Este es el resultado de mis experimentos y de lo aprendido hasta ahora.


Hola, estos son mis ejercicios:

Estoy contenta con el cambio de la paleta de color de mi marca personal, aqui muestro la luminosidad y contraste:

Así quedó mi ejercicio

excelente clase

hola profe,una pregunta y si no tengo colores neutros en mi paleta,solo tengo brillantes y claros pero no neutros,necesariamente en una paleta debe haber tonos neutros

En los tiempos del lenguaje políticamente correcto se dice “capacidad visual reducida”.

Ejercicios…

¡Me encanta el curso! ❤️

![](https://static.platzi.com/media/user_upload/image-76ee8203-3f58-42cd-88d9-0925c267a4d3.jpg)
Gracias por ayudarnos el lado de accesbilidad de colores que tiene adobe!
![](https://static.platzi.com/media/user_upload/Screenshot%202025-02-22%20at%205.07.40PM-044e7237-d986-46f1-bf8a-0789b432ff87.jpg)
Para evaluar tu paleta de color, aplica los siguientes tests: 1. **Test de Accesibilidad:** Utiliza Adobe Color para verificar cómo se comporta tu paleta en términos de accesibilidad visual. Asegúrate de que los colores contrasten adecuadamente. 2. **Chequeo de Luminosidad:** Convierte tus colores a escala de grises en Illustrator o Photoshop para evaluar su luminosidad y contraste. 3. **Proporciones de Color:** Aplica la regla 60-30-10 para asegurarte de que tus colores estén equilibrados. 4. **Test de Armonía:** Experimenta con combinaciones y verifica visualmente que la paleta sea armónica en diferentes contextos. Estos tests te ayudarán a asegurar que tu paleta sea efectiva y amigable para los usuarios.
En diseño de paletas de color, una proporción clásica recomendada es 60-30-10. Esto significa que el 60% debe ser el color principal, el 30% colores neutros y el 10% colores de acento. Sin embargo, como se menciona en la clase, puedes romper estas reglas creativamente para lograr un impacto visual más fuerte, dependiendo de tu mensaje y audiencia. Experimenta y ajusta según lo que mejor se adapte a tu proyecto.
![](https://static.platzi.com/media/user_upload/Sin%20t%C3%ADtulo--ef0615a1-3c18-4549-a06e-17bf0bf7411a.jpg)
PROPUESTA ![](https://static.platzi.com/media/user_upload/PROPUESTA%20FINAL_-547e88ab-baec-4e9b-b4a7-7e99009c0049.jpg)
Me gustaría saber que les parece. Son colores Análogos![](herramientas-para-trabajar-con-color-digital_84a23837-8313-4bdc-a9ca-2c54bef2f00c.jpg)
![](https://static.platzi.com/media/user_upload/image-5882bdb4-e4f6-4142-96c8-6fb659c87eb5.jpg)
Mi aporte: ![](https://static.platzi.com/media/user_upload/USO%20COLORArtboard%201%20copy%2019-19d07e46-2f72-4030-82ff-b281668dbf65.jpg) ![](https://static.platzi.com/media/user_upload/USO%20COLORArtboard%201%20copy%2020-23186e2f-f00e-4470-ac2f-f6a457d2f001.jpg) ![](https://static.platzi.com/media/user_upload/USO%20COLORArtboard%201%20copy%2023-f3d3e679-2cc2-4bae-95de-c0cedc279e56.jpg) ![](https://static.platzi.com/media/user_upload/USO%20COLORArtboard%201%20copy%2024-2fa81097-1572-4fa1-8ce8-51ee0282c39e.jpg)


Luminosidad


Proporción


Armonia

Las pruebas y verificación de la paleta de colores dieron los siguientes resultados:

hola! chicos les comparto mi ejercicio

siupp

Creo que aún me falta refinar un poco más, pero ya va avanzando.

KRITA, GIMP, INSKAPE, GRAVITY, FIGMA PENPOT,

son otras herramientas de instalacion libre para jugar con colores No todo es ADOBE ILUSTRATOR : )

Contraste

Agregue luminosidad

Armonía

Excelente clase…

A practicar

Este fue mi reaultado. Hay combinaciones de colores que son mejor no dejar juntas como el piel y el amarillo

Mi paleta de color base para mi marca personal (regente, creatividad y armonía):

Hola, las clases están súper geniales, me parece increíble todas estas pruebas de color, yo utilizo una herramienta de Coolors para poner a prueba el contraste para legibilidad en textos.
_
https://coolors.co/contrast-checker/112a46-acc8e5

Esta sería mi practica…

Gracias

Hola por aquí va la selección que he realizado.

Proporción al color

Test de luminosidad

Define los contrastes

Ame el ejercicio, gracias!

Resumen.-
Buscar que los colores sean armónicos y equilibrados.

Proporción del COLOR:
60%.- clásica colores principal.
30%.- clásica colores neutros.
10%.- clásica colores acentos.
Colores complementarios, para dar LUMINOSIDAD, o llevarlo al blanco/negro.

Armonías:
Chequeo del valor.

Aquí mi ejercicio

Interesante ejercicio. Cambió mucho mi paleta de colores! 🎨

Antes:

Después:


Aquí mi paleta de colores

10/10

Gran clase

les comparto mi paleta de color.