02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Understanding RGB

From the very early days of the web colors where defined with RGB values - Red, Green, Blue. The mix of these three base colors is what creates the millions of colors available on most modern devices. Each color channel has 255 color value options combined into a total of 16,581,375 color combination possibilities. In this lecture we will meet the common ways to describe color in on digital devices using these color profile options. By the way, You might of heard of 16Bit displays or 32Bit - these differences don't really mean much when it comes to digital colors as most modern interfaces only are capable of showing a variety of 16 million colors - monitors with 4 color profiles instead of 3 create a vastly larger color options - but the web doesn't really support more color profiles currently. In the olden days of the web when monitors where less robust then they are today there was a term called "Web Safe" that was a subset of 255 colors in total. Now days, with most digital display system supporting millions of colors this term is obsolete. By the end of this lecture, you will know how to create color profiles in RGB.

KeyNotes:

  • Moving form 256 colors to over 16 million of them.
  • the RGB Structure : #RRGGBB
  • Can you step out of the web safe colors?

properties: css3, color, rgb.

Exploring the core color properties

In the following lectures we will get to know how color systems work and more importantly how to work with them.

05:09

Understanding RGB

By the end of this lecture, you will know how to create color profiles in RGB.

09:59

Integrating an alpha channel

By the end of this lesson, you will know everything that is to know about RGB and RGBA colors.

08:06

Hue. Saturation. Lightness. Alpha.

By the end of this lesson, you will understand how hue, saturation, lightness and alpha channels work and you will know how to work with them.

11:27

Finding color profiles

By the end of this lesson you will be a lot more comfortable with colors as you figure out your own designs.

08:41

Working with the currentColor

By the end of this lecture you will know how to work with the currentColor keyword enabling you to create dynamic color assignments.

04:52

The transparent color

By the end of this lecture, you will know the transparent color and see it in action.

06:37

CSS2 System Colors

By the end of this lecture, you will know how to work with CSS2 color systems

02:52

Final words and Color Accessibility

By the end of this lecture the colors of your website will be accesible for the users with disabilities.

04:11