An introduction to the color wheel, and simple Hex codes for web colors

-

Color Models
The joy of the colour wheel ! 

A color wheel is an abstract illustrative organization of colors in a circle, which shows the relationships between primary,secondary and tertiary colors in a diagrammatic form….., says Wikipedia.
Very few know that  a color wheel actually demonstrates color temperatures- hot to cold . In fact, digital teams communicate using hex codes to get the exact color and shade and it is very interesting to know!
A color wheel is an illustrative model of color hues around a circle.  It shows the relationships between the primary, secondary, and intermediate/ tertiary colors and helps demonstrate color temperature. Digital teams communicate exact colors through the use of hex codes.
Understanding the Color Wheel
Many color wheels are shown using 12 colors.  Using this color wheel as an example, it can be read as follows:
  • The Three Primary Colors (Ps): Red, Yellow, BlueColor wheel with Three Primary Colors (Ps): Red, Yellow, Blue; Three Secondary Colors (S’): Orange, Green, Violent; and Six Tertiary Colors (Ts): Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Violet, Red-Violet, which are formed by mixing a primary with a secondary
  • Three Secondary Colors (S’): Orange, Green, Violent
  • Six Tertiary Colors (Ts):  Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Violet, Red-Violet, which are formed by mixing a primary with a secondary


The temperature of different colors !!!!!


Ya, colors depict different temperatures like the red side of the wheel are called warm; the green side of the wheel shows the cooler colors. 
These color temperature designations are absolute. More subtle color temperature relationships are relative, meaning that each color on the warm side of the wheel can be known as cool, and colors on the cools side of the wheel can be known as warm depending on the relationship to their neighboring color. 
Colors from the same hue, for instance red, can also be warmer or cooler than one another.
Color temperatures affect us both psychologically and perceptually by helping us determine how objects appear positioned. Infact, great thought and psychoanalysis goes into thinking what color should a product be?  Colors are so important in packaging and marketing that they can make or mar a products sales and its recaption by the target audience!
Warm Colors
Cool Colors
Warm color scale
  • Warm colors include red, orange, and yellow, and variations of those three colors.
  • Red and yellow are both primary colors, with orange falling in the middle.
  • Warm colors appear closer to the observer.
Cool color scale
  • Cool colors include green, blue, and purple, and variations of those three colors.
  • Blue is the only primary color within the cool spectrum.
  • Greens take on some of the attributes of yellow, and purple takes on some of the attributes of red.
  • They are often more subdued than warm colors.
  • Cool colors appear farther from the observer.


The Nuetral colors !

Neutral colors
There are two main models for colors.  They have different purposes and different attributes.  They are known as 

  • CMYK Color Models: Stands for cyan, magenta, and yellow. It applies to painting and printing.  CMYK Color Model / RGB Color Model

The CMYK model is a subtractive model, meaning that colors are created through absorbing wavelengths of visible light. The wavelengths of light that don’t get absorbed are reflected, and that reflected light ends up being the color we see.
  • RGB Color Models: RGB stands for red, green, and blue. It applies to computers, televisions, and electronics. 

The RGB model is an additive model, meaning that colors are created through light waves that are added together in particular combinations in order to produce colors.


The WOW Hex Codes!

To name colors in web design, teams use hexademal codes or Hex Codes. All hexadermal codes:
  • Start with a hash mark (#) for example a colour code be coded as 
  • #ff0015 – FF for the red 00 for the green and 15 for the blue 
  • Each color code consists of three pairs of characters sequenced together (totaling of six characters), with each pair controlling one of the primary additive colors (red, green, blue)
  • Those six characters following the hash mark consist of ten numerals (0-9) and/ or six letters (a-f)
  • 00 is a lack of primary
  • ff is the primary at full strength
To find additive colors, start with black and change each pair to ff:
  • #000000 is black (no primaries)
  • #ff0000 is the brightest red
  • #00ff00 is the brightest green
  • #0000ff is the brightest blue
To find subtractive colors, start with white and change each pair to 00:
  • #ffffff is white (all primaries
  • #00ffff is the brightest cyan
  • #ff00ff is the brightest magenta
  • #ffff00 is the brightest yellow
It is also possible to abbreviate some hex numbers.  For instances #fae expands to #ffaaee and #09b expands to #0099bb.
The color wheel and the understanding of this wonderful concept will help you see the colourful world we live in in a different hue!
It is so beautiful, complex and yet simple ! What a remarkable thing – Colors!!!!

Comments

Post a Comment

Popular posts from this blog

Let’s use arts to tackle racism !!!

-
Image
  “Melting woman II”, 24 x24” , Oil on Canvas, 2019 With many schools turning to the arts to tackle racism and diversify their curriculum, let’s see if it will have any impact at all. Being an immigrant from India, I have recently been at the centre of some racist comments and attacks and even lost a job because of that, but I guess “it is what it is!” But, I still have hope that art can bring us together as humans beyond our skin colour and language and many of us think like that !  I put on some Indian” warli” art and in my art class the kid jumped and said that he has seen that art in the “Indian restaurant” and that he loves the dark terracotta colour. The importance of equality, diversity and inclusion has never been more prevalent in society than now with the world becoming a global economy and the internet connecting us together. After passionate campaigning from activists around the world, active anti-racism teachings are becoming deeply embedded in our workplaces, com...
Read more

Derek Murray and Selfie consumerism in the Narcissistic Age

-
In Derek Murray’s essay on the selfie, he focuses largely on the ill effects of the selfie on young women and also looks at the affliction to take selfies in contrast to narcissism. While also being a advocate for the advancement of technology and being aware that the selfie provides and indispensable alternative to self love and self healing, Murray being a man, cannot surmise just what exactly selfie taking brings to the young adult. Derek compares the act of taking selfies with a kind of narcissistic personality forgetting the fact that most of his statistics seem to be those taken from men rather than women, and from relatively poorer countries rather than the first world country he is from. In doing so, a really important question is brought to mind; does the fact that Derek himself is neither of these things, affect his judgement? Murray’s article reminded me a lot of this post, that forced me to ask the question, why do we feel the need to classify Women’s self love as vanity? I...
Read more

Amerika (2019)

-
Image
Jorge Méndez Blake is a Mexican mixed-media conceptual artist. Trained as an architect, the artist builds walls and connects their history to literature. He lives and works in Guadalajara, Mexico. Given the political discourse surrounding walls, immigration, and border security in contemporary American culture, it’s nearly impossible for viewers not to draw parallels between Blake’s installation and Trump’s desire to build his so-called “big, beautiful wall” meant to partition the United States from Mexico. This exploration of barriers as both a cause and emblem of otherness and exclusion appears to address our aspiring autocrat’s longing to shape an American ideology predicated upon nationalism, isolationism, and xenophobia. To this extent, then, Amerika functions not only as a material barrier that blocks patrons’ view and impedes their movement, but it also acts as a metaphor for the border politics and debates that currently occupy our national and global conversati...
Read more