Reader small image

You're reading from  Mastering Sass

Product typeBook
Published inAug 2016
Reading LevelIntermediate
PublisherPackt
ISBN-139781785883361
Edition1st Edition
Languages
Right arrow
Author (1)
Luke Watts
Luke Watts
author image
Luke Watts

Luke Watts is a web developer and digital artist from Galway, Ireland. He started learning web design in 2012 after many years working with AutoCAD in the manufacturing industry. In 2014 he set up his own web development agency called Affinity4 (http://affinity4.ie) in Galway, Ireland. He is an Oracle Certified MySQL Developer, and an Adobe Certified Associate (Photoshop and Dreamweaver). Luke has a keen interest in learning and teaching others. He has written articles for many websites, including his own blog, on a wide range of subjects such as SEO, WordPress Development, SVG, Sass, Jade, OOP, Git, Silex, MySQL, and PHP. Luke is also an accomplished artist, both in traditional mediums (mostly pencil and ink) and in digital painting. When not building websites or writing code he will most likely be working on a digital painting on his Wacom tablet using Photoshop or creating a 3D model or scene in any number of 3D modeling applications.
Read more about Luke Watts

Right arrow

Why aren't you using HSL?


What if I asked you "what is the hex code for yellow in CSS?" It's #ff0. Now I don't know if you knew that or not, but let's keep going. What is the hex code for purple? What is the hex code for green? What is the hex code for red? How many of those did you know off by heart? Probably not a whole lot, if any. When it comes to hex color codes, I know what black and white is and then things quickly move towards needing a color picker of some kind. Just FYI, purple is #7f00ff, green is #0f0, and red is #f00.

What if I said you can use the RGB model? With a bit of color theory, you could figure out all of those colors without needing anything else. Let's start with red. Well that's easy! RGB stands for Red, Green, Blue. We know 255 is 100% of that color, so red is RGB(255, 0, 0). Green would be RGB(0, 255, 0) and blue RGB(0, 0, 255).

So what is yellow? Ok, yellow is an equal mix of red and green. So 1 to 1 of red and green, therefore yellow is RGB(255, 255, 0). What about...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Mastering Sass
Published in: Aug 2016Publisher: PacktISBN-13: 9781785883361

Author (1)

author image
Luke Watts

Luke Watts is a web developer and digital artist from Galway, Ireland. He started learning web design in 2012 after many years working with AutoCAD in the manufacturing industry. In 2014 he set up his own web development agency called Affinity4 (http://affinity4.ie) in Galway, Ireland. He is an Oracle Certified MySQL Developer, and an Adobe Certified Associate (Photoshop and Dreamweaver). Luke has a keen interest in learning and teaching others. He has written articles for many websites, including his own blog, on a wide range of subjects such as SEO, WordPress Development, SVG, Sass, Jade, OOP, Git, Silex, MySQL, and PHP. Luke is also an accomplished artist, both in traditional mediums (mostly pencil and ink) and in digital painting. When not building websites or writing code he will most likely be working on a digital painting on his Wacom tablet using Photoshop or creating a 3D model or scene in any number of 3D modeling applications.
Read more about Luke Watts