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

CSS2 System Colors

<p>In our earlier lectures we talked about colors and web-safe colors. There are some colors that are reserved for the usage of the OS/browser. Through the usage of CSS2 System colors - we can ask the browser for the system colors. With this color set we can incorporate system colors into our design.</p> <p>The CSS2 System colors have been deprecated in favor of CSS3 UI specification (still in development as written). Access to the color scheme of the underlying desktop/operating system can create more easily shady interfaces that could confuse users. As its original intent was to enable smoother interface interactions the feature has been removed from the recommendation in favor of using UI elements. With that said, this feature is still widely supported and as long as the CSS3 UI elements won't be fully accepted and finalized, it will be around to be used. </p> <h2>Keynotes:</h2> <ul> <li>ystem Colors</li> <li>Introduced in CSS2</li> <li>Deprecated in CSS3</li> <li>useful but won't be around for long</li> <p><b>Properties:</b> css3 UI, css2 system colors</p>

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