Learn CSS colors in 4 minutes! 🖌️

preview_player
Показать описание
#CSS #course #tutorial

CSS colors rgb hex hsl tutorial example explained
  1. Bro Code
  2. CSS colors
  3. CC course
  4. CSS tutorial
Рекомендации по теме
CSS Colors Tutorial 0:17:15

CSS Colors Tutorial for Beginners

Are You Making 0:06:58

Are You Making This Mistake With CSS Colors?

How Do HEX 0:01:00

How Do HEX Color Codes Work? (in 60 seconds)

Learn CSS margins 0:04:52

Learn CSS margins in 4 minutes 📏

Learn CSS in 1:00:00

Learn CSS in 1 hour 🎨

🎨 CSS First 0:01:00

🎨 CSS First Steps: Easily update your website colors with CSS variables

Learn CSS in 0:23:44

Learn CSS in 20 Minutes

CSS Tutorial for 0:04:06

CSS Tutorial for Beginners - 02 - Changing font type, color, and size

Create this animated 0:29:33

Create this animated website using HTML CSS and JavaScript | Beginner's Guide Project

CSS Glowing Button 0:05:54

CSS Glowing Button - How to Design Glowing Button with Hover Effects [Pure CSS]

Learn CSS pseudo 0:04:49

Learn CSS pseudo elements in 4 minutes 🔎

60-30-10 Color Rule 0:06:18

60-30-10 Color Rule

Write less by 0:00:57

Write less by using the new CSS color syntax

CSS Tutorial — 0:04:24

CSS Tutorial — Colors, Hex, RGB, RGBA, Predefined Colors (4/13)

The easiest improvement 0:00:46

The easiest improvement you can make to your CSS

CSS Tutorial for 0:05:15

CSS Tutorial for Beginners - 13 - Web Colors

Learn CSS Animations 0:21:22

Learn CSS Animations In 20 Minutes - For Beginners

Learn CSS in 0:12:11

Learn CSS in 12 Minutes

Blend background images 0:00:42

Blend background images and colors with CSS | #shorts

HTML5 and CSS3 0:08:58

HTML5 and CSS3 beginner tutorial 15 - CSS colors

CSS Tutorial For 0:06:29

CSS Tutorial For Beginners 47 - Color

HTML & CSS 0:12:51

HTML & CSS for Beginners Part 19: Colors with CSS - hex, rgba, and hsla

What is CSS 0:03:24

What is CSS Padding? The simplest explanation!

Learn HTML & 5:21:44

Learn HTML & CSS – Full Course for Beginners

Комментарии
Автор

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro Code</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<p id="p1">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam dolor a, error voluptatem asperiores ipsum sint et mollitia fugiat nemo cupiditate quibusdam doloribus, eius, quaerat nostrum est nulla exercitationem porro!</p>
<p id="p2">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam dolor a, error voluptatem asperiores ipsum sint et mollitia fugiat nemo cupiditate quibusdam doloribus, eius, quaerat nostrum est nulla exercitationem porro!</p>
<p id="p3">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam dolor a, error voluptatem asperiores ipsum sint et mollitia fugiat nemo cupiditate quibusdam doloribus, eius, quaerat nostrum est nulla exercitationem porro!</p>
<p id="p4">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam dolor a, error voluptatem asperiores ipsum sint et mollitia fugiat nemo cupiditate quibusdam doloribus, eius, quaerat nostrum est nulla exercitationem porro!</p>

</body>
</html>

/* style.css */

body{
background-color: hsl(0, 0%, 11%);
}
#p1{
color: tomato;
}
#p2{
color: rgb(102, 222, 255)
}
#p3{
color: #59ff5f;
}
#p4{
color: hsl(283, 100%, 64%);
}

BroCodez
Автор

fun fact: in hexadecimal (or base-16), A, B, C, D, E and F are digits, they correspond to decimal (or base-10, basically what we were taught in school) 10, 11, 12, 13, 14, 15. so the letters A to F are actually numbers in hexadecimal!

JuxGD
Автор

why dont i have the built in color picker?

lufaris-r