Learning Lab
Published in

Learning Lab

How I learnt about color theories and made my best color palettes in one month

#7 — Seventh month of my challenge: 12 topics to learn in 12 months

Some colors plates… we will come back to that, don’t worry

Preparation

Color theories

Theory about colors. The Basics

Terminology

Source: http://interkom.ca/the-world-of-colour-part-iii-taking-a-spin-on-the-colour-wheel/

Color systems

HSV in space — Source: https://en.wikipedia.org/wiki/HSL_and_HSV
RGB in space — https://en.wikipedia.org/wiki/RGB_color_model

Meaning of colors

Source: Vox — The surprising pattern behind color names around the world
Goethe color system’s equilateral triangle

Interaction between colors

1 color looks like 2— Source: https://blog.prototypr.io/11-optical-illusions-found-in-visual-design-295e7ae211b9
The two little squares in the middle of each big rectangles look the same but have different colors, you can see them reverted and next to each other on the bottom of the plate
The contrast between edges of the slightly differing shades of gray — The Mach bands effect — source: https://en.wikipedia.org/wiki/Mach_bands

Practice. How to build the perfect color palette

Programmatically

The color wheel — source: https://www.franklinpainting.com/blog/home/choosing-colors-interior-painting/
Color schemes — source: https://www.shopify.com/retail/119923395-why-all-sale-signs-are-red-the-science-of-color-in-retail

By practicing

Good painting, good coloring, is comparable to good cooking. Even a good cooking recipe demands tasting and repeating tasting while it is being followed. And the best tasting still depends on a cook with taste — Josef Albers

Colors are like ingredients, put them together and see how they react!

Color palette creation process 📋

Useful tools

Let’s build some tools and palettes

The tools

The palettes

My current portfolio
Here is Airbnb’s palette from my analysis

The final results

Color palettes

Sandoche’s Portfolio Alternative — https://color.adobe.com/Sandoche-Portolio-Alternative-color-theme-10224855/
Sandoche’s Portolio — https://color.adobe.com/Sandochecom-color-theme-10224843/
Mountain — https://color.adobe.com/Mountain-color-theme-10224724/
Green tech — https://color.adobe.com/Green-tech-color-theme-10224722/

Colors interactor

Here is a screenshot of Colors Interactor — as you can see it generated different plates including one in grey scale

SASS Colors playground

Feedback from this learning month

What went well

What to improve

If you liked this post, please click the clap 👏button below a few times to show your support! Also, feel free to comment and give any kind of feedback. Don’t forget to follow me!

--

--

How to learn one topic every month

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Sandoche ADITTANE

Hello, I’m Sandoche Adittane. I learn about one topic every month and write a post about it!