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

Exploring the core color properties

There are many properties in CSS that control the color of things. We talk about all of them throughout our CSS courses. As such, we just wanted to showcase one of them. The core one 'color'. There are many ways to describe what a color is. The most basic way is using a name. In the following lectures we will get to know how color systems work and more importantly how to work with them.

Keynotes:

  • The basic colors
  • Web safe colors
  • All the colors by name

Properties: color, opacity, basic color values, background, black, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua, css colors

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