How to use CSS color values (RGB, keywords, HSL)

Learn about how to use the different types of CSS color values (RGB, keywords and HSL). Click “show more” for links to extra resources and examples.

Codepen: https://codepen.io/christinatruong/pe...
W3C color documentation: https://www.w3.org/TR/css-color-3/#html4
https://colours.neilorangepeel.com/
https://www.canva.com/
https://css-tricks.com/examples/HSLaE...
https://randoma11y.com/
https://coolors.co/

Prefer an article? Read the Medium companion articles here:   / christinatruong  

-----------------------------------------------------------------------------------------
✊🏼 SUPPORT THE CHANNEL
Grab my 11-page CSS Selectors Reference Guide (PDF), grab some CSS merch or contribute to my coffee fund!
☕️ https://ko-fi.com/christinatruong/shop
🛍️ https://madeby.christinatruong.com
-----------------------------------------------------------------------------------------
👀 CHECK OUT MY COURSES!
If you're looking to start a career in web development or refresh your knowledge, check out my courses. Signup below for a 1 month free trial OR check with your local public library or university. Many offer free access!

⭐️ CSS Essential Training - http://christina.fyi/css
⭐️ CSS Layouts: From Float to Flexbox and Grid - http://christina.fyi/css-layouts
⭐️ Getting Your First Job as a Web Developer - http://christina.fyi/dev-jobs
⭐️ Programming Foundations: Version Control with Git - http://christina.fyi/git
⭐️ CSS: Design Systems and Architectures - http://christina.fyi/css-design-systems
⭐️ Getting Your Website Online - http://christina.fyi/website-online
⭐️ Workflow Tools for Web Developers - http://christina.fyi/workflow-tools

-----------------------------------------------------------------------------------------
📚 READ MY MONTHLY NEWSLETTER
Subscribe on Substack: https://bychristina.substack.com
Subscribe on LinkedIn:   / decoded-by-christina-6877029256371716096  

-----------------------------------------------------------------------------------------
👋🏼 FOLLOW
  / christinatruong  
  / christina.is.online  
  / christinatruong  

#DecodedByChristina #HTML #CSS