-
Notifications
You must be signed in to change notification settings - Fork 44
/
test.css
176 lines (166 loc) · 7.19 KB
/
test.css
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
/* From https://developer.mozilla.org/en-US/docs/Web/CSS/color_value */
.COLORS {
background-color: black;
background-color: gray;
background-color: white;
background-color: maroon;
background-color: red;
background-color: purple;
background-color: fuchsia;
background-color: green;
background-color: lime;
background-color: olive;
background-color: yellow;
background-color: navy;
background-color: blue;
background-color: teal;
background-color: aqua;
}
.HEX3 {
background-color: #000; /* black */
background-color: #888; /* gray */
background-color: #FFF; /* white */
background-color: #800; /* maroon */
background-color: #F00; /* red */
background-color: #808; /* purple */
background-color: #F0F; /* fuchsia */
background-color: #080; /* green */
background-color: #0F0; /* lime */
background-color: #880; /* olive */
background-color: #FF0; /* yellow */
background-color: #008; /* navy */
background-color: #00F; /* blue */
background-color: #088; /* teal */
background-color: #0FF; /* aqua */
}
.HEX3LOWER {
background-color: #000; /* black */
background-color: #888; /* gray */
background-color: #fff; /* white */
background-color: #800; /* maroon */
background-color: #f00; /* red */
background-color: #808; /* purple */
background-color: #f0f; /* fuchsia */
background-color: #080; /* green */
background-color: #0f0; /* lime */
background-color: #880; /* olive */
background-color: #ff0; /* yellow */
background-color: #008; /* navy */
background-color: #00f; /* blue */
background-color: #088; /* teal */
background-color: #0ff; /* aqua */
}
.HEX6 {
background-color: #000000; /* black */
background-color: #888888; /* gray */
background-color: #FFFFFF; /* white */
background-color: #880000; /* maroon */
background-color: #FF0000; /* red */
background-color: #880088; /* purple */
background-color: #FF00FF; /* fuchsia */
background-color: #008800; /* green */
background-color: #00FF00; /* lime */
background-color: #888800; /* olive */
background-color: #FFFF00; /* yellow */
background-color: #000088; /* navy */
background-color: #0000FF; /* blue */
background-color: #008888; /* teal */
background-color: #00FFFF; /* aqua */
}
.HEX6LOWER {
background-color: #000000; /* black */
background-color: #888888; /* gray */
background-color: #ffffff; /* white */
background-color: #880000; /* maroon */
background-color: #ff0000; /* red */
background-color: #880088; /* purple */
background-color: #ff00ff; /* fuchsia */
background-color: #008800; /* green */
background-color: #00ff00; /* lime */
background-color: #888800; /* olive */
background-color: #ffff00; /* yellow */
background-color: #000088; /* navy */
background-color: #0000ff; /* blue */
background-color: #008888; /* teal */
background-color: #00ffff; /* aqua */
}
.RGB {
background-color: rgb( 0, 0, 0); /* black */
background-color: rgb(128, 128, 128); /* gray */
background-color: rgb(255, 255, 255); /* white */
background-color: rgb(128, 0, 0); /* maroon */
background-color: rgb(255, 0, 0); /* red */
background-color: rgb(128, 0, 128); /* purple */
background-color: rgb(255, 0, 255); /* fuchsia */
background-color: rgb( 0, 128, 0); /* green */
background-color: rgb( 0, 255, 0); /* lime */
background-color: rgb(128, 128, 0); /* olive */
background-color: rgb(255, 255, 0); /* yellow */
background-color: rgb( 0, 0, 128); /* navy */
background-color: rgb( 0, 0, 255); /* blue */
background-color: rgb( 0, 128, 128); /* teal */
background-color: rgb( 0, 255, 255); /* aqua */
}
.RGBA {
background-color: rgba( 0, 0, 0, 0.3); /* black */
background-color: rgba(128, 128, 128, 0.3); /* gray */
background-color: rgba(255, 255, 255, 0.3); /* white */
background-color: rgba(128, 0, 0, 0.3); /* maroon */
background-color: rgba(255, 0, 0, 0.3); /* red */
background-color: rgba(128, 0, 128, 0.3); /* purple */
background-color: rgba(255, 0, 255, 0.3); /* fuchsia */
background-color: rgba( 0, 128, 0, 0.3); /* green */
background-color: rgba( 0, 255, 0, 0.3); /* lime */
background-color: rgba(128, 128, 0, 0.3); /* olive */
background-color: rgba(255, 255, 0, 0.3); /* yellow */
background-color: rgba( 0, 0, 128, 0.3); /* navy */
background-color: rgba( 0, 0, 255, 0.3); /* blue */
background-color: rgba( 0, 128, 128, 0.3); /* teal */
background-color: rgba( 0, 255, 255, 0.3); /* aqua */
}
.HSL {
background-color: hsl( 0, 100%, 50%); /* red */
background-color: hsl( 30, 100%, 50%); /* orange */
background-color: hsl( 60, 100%, 50%); /* yellow */
background-color: hsl( 90, 100%, 50%); /* green */
background-color: hsl(120, 100%, 50%); /* green */
background-color: hsl(150, 100%, 50%); /* green */
background-color: hsl(180, 100%, 50%); /* blue */
background-color: hsl(210, 100%, 50%); /* blue */
background-color: hsl(240, 100%, 50%); /* blue */
background-color: hsl(270, 100%, 50%); /* purple */
background-color: hsl(300, 100%, 50%); /* pink */
background-color: hsl(330, 100%, 50%); /* pinkish */
background-color: hsl(360, 100%, 50%); /* red */
background-color: hsl(120, 100%, 25%); /* dark green */
background-color: hsl(120, 100%, 50%); /* green */
background-color: hsl(120, 100%, 75%); /* light green */
background-color: hsl(120, 100%, 50%); /* green */
background-color: hsl(120, 67%, 50%); /* green */
background-color: hsl(120, 33%, 50%); /* green */
background-color: hsl(120, 0%, 50%); /* gray */
background-color: hsl(120, 60%, 70%); /* pastel green */
}
.HSLA {
background-color: hsla( 0, 100%, 50%, 0.3); /* red */
background-color: hsla( 30, 100%, 50%, 0.3); /* orange */
background-color: hsla( 60, 100%, 50%, 0.3); /* yellow */
background-color: hsla( 90, 100%, 50%, 0.3); /* green */
background-color: hsla(120, 100%, 50%, 0.3); /* green */
background-color: hsla(150, 100%, 50%, 0.3); /* green */
background-color: hsla(180, 100%, 50%, 0.3); /* blue */
background-color: hsla(210, 100%, 50%, 0.3); /* blue */
background-color: hsla(240, 100%, 50%, 0.3); /* blue */
background-color: hsla(270, 100%, 50%, 0.3); /* purple */
background-color: hsla(300, 100%, 50%, 0.3); /* pink */
background-color: hsla(330, 100%, 50%, 0.3); /* pinkish */
background-color: hsla(360, 100%, 50%, 0.3); /* red */
background-color: hsla(120, 100%, 25%, 0.3); /* dark green */
background-color: hsla(120, 100%, 50%, 0.3); /* green */
background-color: hsla(120, 100%, 75%, 0.3); /* light green */
background-color: hsla(120, 100%, 50%, 0.3); /* green */
background-color: hsla(120, 67%, 50%, 0.3); /* green */
background-color: hsla(120, 33%, 50%, 0.3); /* green */
background-color: hsla(120, 0%, 50%, 0.3); /* gray */
background-color: hsla(120, 60%, 70%, 0.3); /* pastel green */
}