From the course: Learning Responsive Web Design in the Browser

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Color experimentation and the value of HSLA

Color experimentation and the value of HSLA - WordPress Tutorial

From the course: Learning Responsive Web Design in the Browser

Start my 1-month free trial

Color experimentation and the value of HSLA

“

- [Voiceover] You may have noticed that when I add colors to my designs in this project, I keep using this HSLA color value rather than HEX or RGBA. And there is a very good reason for this. It's actually a poorly kept secret in the design industry, and it's extremely useful for design in the browser. You see, when we apply colors in CSS, like this brown-reddish color here, we typically use HEX values, which, unless you are a genius, appear to be total gibberish. There is a system there, but knowing how that system works and figuring out what this color is can be really tough. Computer screens work on the red, green, blue spectrum, so we can also use RGB and RGBA, but again, this is really hard to figure out. For example, how would you know that 132 red, and 76 green, and 65 blue would turn into this color? It's not very clear. The cool thing is we don't have to use these two color schemes. There is a third color format that makes way more sense for us humans. It's called HSLA, which…

Contents