codemarch Profile picture
Tech edu reimagined🎓 • Empowering through coding👩‍💻👨‍💻, development & personal branding • Bridging the gap to dream jobs

Nov 21, 2022, 13 tweets

Learn CSS Colors

Visually Explained📝

Mega Thread 🧵

CSS Colors

In CSS Colors are specified using👇

1. Predefined color names

👉 In CSS, a color can be specified by using a predefined color name.

👉 CSS/HTML support 140 standard color name . some are👇

Example👇

An RGB color value represents RED, GREEN, and BLUE light sources.

some of them are given below👇

2. CSS RGB Colors

Example👇

3. CSS HEX Colors

A hexadecimal color is specified with `#RRGGBB`, where the RR (red), GG (green), and BB (blue) hexadecimal integers identify the components of the color.

some of them are given below👇

Example👇

4. CSS HSL Colors

👉 HSL stands for hue, saturation, and lightness.

Example👇

5. RGBA Color Value

👉 RGBA color values are an extension of RGB color values with an alpha channel - `which specifies the opacity for a color.`

6. HSLA Value

👉 HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.

Example -

If you enjoyed reading this thread, please do the following:
1. Like the thread❤️
2. Retweet the first tweet.🔃
3. Follow me and enable notifications: ✅
@CodeMarch

And also look at our E-book (HTML & CSS Visual Treat!)👇
codemarch.gumroad.com/l/hxazr

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling