/
10 HTML Colors.html
44 lines (27 loc) · 1.86 KB
/
10 HTML Colors.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!-- colors are specified using predefind color names, or RGB, HEX, HSL, RGBA, HSLA values; HTML supports 140 standard color names -->
<h1 style="background-color:skyblue; color: #ffffff;">The Bougie Hippy</h1>
<p style="background-color: silver; color: white;"><i>style is eternal.</i></p>
<!-- background color -->
<h2 style="color: skyblue;">Connect on <font color="DodgerBlue">social media</font> below:</h2>
<p><a href="https://www.Instagram.com/TheBougieHippy">Instagram</a></p>
<p><a href="www.YouTube.com/TheBougieHippy">YouTube</a></p>
<!-- text color -->
<h1 style="border:2px solid DodgerBlue;">Fashion - <a href="https://www.TheBougieHippy.com/blog/categories/fashion">read now</a></h1>
<h1 style="border: 2px solid DodgerBlue;">Lifestyle - <a href="https://www.TheBougieHippy.com/blog/categories/lifestyle">read now</a></h1>
<h1 style="border: 2px solid DodgerBlue;"> Music - <a href="https://www.TheBougieHippy.com/blog/categories/tunes">read now</a></h1>
<!-- border color -->
<h1 style="background-color: rgb(255, 99, 71);">.</h1>
<h1 style="background-color: #ff6347;">..</h1>
<h1 style="background-color: hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color: rgba(255, 99, 71, 0.5);">....</h1>
<h1 style="background-color: hsla(9, 100%, 64%, 0.5);">.....</h1>
<!-- RGB Value; rgb(red, green, blue)
Hex Value; #rrggbb
HSL Value; hsl(hue, saturation, lightness)
hue = degree on color wheel from 0-360; 0 is red, 120 is green, 240 is blue
saturation = percentage; 0% is a shade of gray, 100% full color
lightness = percentage; 0% is black, 50% neither light or dark, 100% is white
RGBA Value; rgba(red, green, blue, alpha)
alpha parameter = number between 0.0 (fully transparent) and 1.0 (not transparent at all)
HSLA Value; hsla(hue, saturation, lightness, alpha)
alpha parameter = nmber between 0.0 (fully transparent) and 1.0 (not transparent at all) -->