From the course: CSS Essential Training
Unlock the full course today
Join today to access over 22,800 courses taught by industry experts or purchase this course individually.
Creating a color palette - CSS Tutorial
From the course: CSS Essential Training
Creating a color palette
- [Instructor] The final version of the project for this course uses four colors: A light color for the background. A light color for the heading underlines. Two colors for the links and buttons, and a dark color for the footer. This is what my color palette looks like. If you want to use the same colors, this information is included in a colors text file in the exercise files folder. Picking a color palette can take some time so let's look at some tools that can help. One option is Canva, which offers a variety of tools. You can upload an image into their Color Palette Generator or just try one of their demo images. It will automatically create a palette matching the photo. Their other tools include preset palettes to choose from, which you can filter by color, themes, and keywords. There's also a tool based on the color wheel. Start by picking a color, then choose a combination based on color theory concepts such as…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
CSS specifications and the W3C3m 12s
-
(Locked)
CSS syntax and terminology4m 2s
-
(Locked)
CSS values and units3m 33s
-
(Locked)
The color property and values4m 31s
-
(Locked)
Creating a color palette1m 52s
-
(Locked)
Type and universal selectors3m 16s
-
(Locked)
ID selectors2m 34s
-
(Locked)
Class selectors3m 17s
-
(Locked)
Descendant combinators and selector lists2m 56s
-
(Locked)
The background property4m 39s
-
(Locked)
Project: Prepping the CSS file4m 5s
-
(Locked)
Project: Adding background styles7m 39s
-
(Locked)
Pseudo-classes and pseudo-elements4m 30s
-
(Locked)
Inheritance and the cascade2m 20s
-
(Locked)
Specificity3m 45s
-
(Locked)
Project: Styling links5m 23s
-
-
-
-
-
-
-