Getting a better understanding of Colors by memorizing some codes


#1

Objective: Getting a better understanding of Colors by memorizing hexadecimal code+corresponding colors. Once color chart is memorized, I hope to put a name to a face when it comes to the colors I see everyday, hopefully I will develop a knack for guessing a code close to what a color is.

Background: I’ve never been artsy and was never too visually creative before the memory world, so I’m lacking in the color department. Basically me

Plan: This article explains how Hexadecimal works and This chart is what I intend to memorize

I might try to make a new chart sorting by the intensity of the color. I would do this visually, and in broad categories like Red, Green, Blue. I’m sure someone very math minded or good at coding could make some formula which would sort these by intensity but i’m not on that level. I haven’t started sorting yet so if someone has suggestions, i’m open to them.

I got the idea to do this messing around with the color wheel on https://www.canva.com/brand looking at the brand kit.

Why: I think being able to better distinguish colors will give a generally better understanding of the world. I would imagine that discerning between different plants and animals becomes easier when you have more specific colors to describe them.
I also find the way This page breaks down pictures by color quite a beautiful process.

Links

  1. https://www.htmlgoodies.com/tutorials/colors/article.php/3478951 Hexadecimal explanation
  2. https://www.htmlgoodies.com/tutorials/colors/article.php/3478961 The common color chart
  3. https://www.canva.com/brand The color wheel that i first messed around with
  4. https://www.canva.com/learn/brand-color-palette/ Some Inspiration for doing this
  5. https://www.labnol.org/internet/design/web-colors-in-hexadecimal/5456/ more explanations of RGB color code
  6. https://learn.sparkfun.com/tutorials/hexadecimal/all Need to understand the basics of hex numbers to know which color is will be the most dominant
  7. https://www.youtube.com/watch?v=4EJay-6Bioo This was worth the watch for understanding hex
  8. https://www.viget.com/articles/tints-tones-shades/ Tints, tones, shades and the 5% rule
  9. http://chir.ag/projects/name-that-color/#D12929 has a nice drop down box
  10. https://davidwalsh.name/sass-color-variables-dont-suck how a web designer approaches color problems
  11. https://www.viget.com/articles/naming-colors/ helpful, also has a great see also section of links
  12. https://www.color-blindness.com/color-name-hue/ the color wheel i’m probably using
  13. http://chir.ag/projects/ntc/ntc.js Code that contains a VERY extensive list of colors
  14. https://blog.hubspot.com/marketing/color-theory-design This is super necessary for any kind of understanding Also provides a much better visual for defining- hue, tone, tint, and shade

I’ll update you guys.


(Josh Cohen) #2

Great idea. :slight_smile:


#3

A caveat: Colors of objects are not the same as colors on a computer monitor. A single object can yield many different hexadecimal colors depending on the lighting, etc. Consider the full moon, which appears white in the sky but is actually several shades of dark gray.

Even a given hexadecimal code on your monitor might yield different shades depending on your monitor settings and the technology of the monitor.

Paint mixers use pigment recipes which might play an analogous role to hexadecimal codes.


#4

But I can’t resist a plug for my color-training game:


#5

First of all thank you for the thought provoking reply, I’ve just found some very helpful resources trying to address your caveat.

I love this game concept, its perfect. I suppose it could only take 2 people, how do you play? Hearing people’s unique and creative descriptions would be hilarious.

My goal is to look at a photo, which digital and the settings aren’t gonna change on my monitor. (I disable flux, and windows’ orange light filter when doing this.) I suppose in my approach to identifying the color of a single object like the moon I would identify how many colors dominate the object, in this case 2, and try to guess the closest to these 2 colors. My guess for the light gray would have to be #f5f5f5. For the dark gray I would have to guess #787d88.

If I can imagine the different hues of a color, for example moving 4 movements by a hue value of 5, in both the lighter, and in the darker direction, that’s like knowing 9 colors. So if i can master this small chart of colors I can reference any color to the closest one I know, and change the hue by instinctive jumps of 5.

But I see the problem. Hopefully if I become well acclimated with this smaller(but still not that small) list of colors, then I can see that certain colors are just mixes of my bigger color vocab.


(selmo'i cu se nintadni) #6

On an aside, before you commit a bunch of time to this, are you committed to RGB, or would you still be interested in CYM?


#7

I took a look at CYM this morning and it’s basically RGB applied to printers and ink. https://en.wikipedia.org/wiki/CMYK_color_model I’m interested but I don’t understand how the application would be different? This wiki page has definitely helped me understand colors better though. Reading about halftones and dithering was pretty cool as well.


(selmo'i cu se nintadni) #8

It’s basically the opposite of RGB in every way. It’s subtractive instead of additive and the RGB primaries (red, green, blue) are the CYM secondaries (and vice versa).


#9

I guess I should understand the basics of adding and subtracting colors then. I’m learning color addition, color subtraction, I guess I’ll move on to color multiplying and dividing, maybe I’ll learn to do color integrals one day :joy:

But anyways, I suppose if I can go backwards from RBG then I’ve mastered CYM as well