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

Mastering CSS3 Colors

By the end of this title, you will know how to work with colors technically and creatively.

Duration: 01:01:55

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Mastering CSS3 Colors Overview

What you'll learn

Why would one want to master CSS3 Colors? It goes down to a core question why should one control and know how to work with colors? Colors are at the very heart of display, graphics. It's critical for any developer or web designer to understand in-depth colors and their relations. This technical training aims to both introduce the ways you can control color using CSS3 features and aims to teach you how colors work so you can become more creative and gain more control over the style and design of your web sites and creations.

This course is based on CSS Color Module LEVEL 3 Standards. This specification describes the color values and properties for colors in CSS. This standard incorporates values from CSS level 2 and new expanded values. This course is the perfect gateway to the world of colors in CSS.

This course is easy, with a fast pace that cuts through the technical terms to bump up your CSS capabilities in less than an hour. By the end of this title, you will know everything you need to know about colors, how to work with them technically and creatively to create stunning and smart web pages.

The most important things students will gain by the end of the video course:

  • Learn how to work with colors.
  • Updating your skills with what's new in CSS3 Colors
  • Understanding the way RGB, HSL, RGBA, HSLA and named colors work.
  • Learn ways to pick great color themes.
  • Working with dynamic colors in CSS.

Keywords: HTML5, CSS2, SVG 1, UI CSS3, Colors, rgb, rgba, kuler, colorzilla, currentColor, css2 system colors, accessibility

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
Download Source Files