codemarch Profile picture
Nov 21 13 tweets 4 min read
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

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with codemarch

codemarch Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @codemarch

Nov 22
Learn CSS Backgrounds

Visually Explained📝

Mega Thread 🧵 Image
👉CSS Backgrounds

The `background-color` property specifies the background color of an element. Image
👉 CSS background-image

The `background-image` property specifies an image to use as the background of an element. Image
Read 11 tweets
Nov 22
10 Mindblowing Websites for Web Developers & Designers:
01. ScribeHow (@ScribeHow)

➪ Extension for screen recording that immediately converts any procedure into a tutorial.

➪ Perfect for: designers, developers, independent creators, and more.

🔗 getscribe.how/chrome
2. Generate blobs

passionhacks.com
Read 13 tweets
Nov 22
Designing Platforms for Developers.

Thread🧵
📌Visme

🔗 visme.co
📌Figma

🔗 figma.com
Read 11 tweets
Nov 20
Learn CSS Selectors

Visually Explained📝

Thread 🧵
🔶CSS Selectors

CSS selectors are used to "find" (or select) the HTML elements you want to style.

We have many selectors but we will focus on three main selectors here.

1. element selector.
2. id selector.
3. class selector.
➡️ 1. element Selector

The element selector selects HTML elements based on the element name.
Read 7 tweets
Nov 20
Host your Websites for Free.

Top 5+ Websites:

Thread🧵
📌 Heroku

🔗 heroku.com
📌 Netlify

🔗 netlify.com
Read 11 tweets
Nov 19
How To Add CSS

Visually Explained📝

Thread 🧵 Image
How To Add CSS

There are three ways of inserting a style sheet:

- External CSS
- Internal CSS
- Inline CSS
🔶External CSS

👉 With an external style sheet, you can change the look of an entire website by changing just one file!

👉 External styles are defined within the <link> element. Image
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(