theColorName
This library contain a SCSS mixin with all 141 CSS color names:
@mixin tcn($property, $color) {
#{$property}: #{$color};
}
For example:
@each $color in $colors {
.theColorName {
&.--#{$color} {
@include tcn(color, $color);
}
}
}
Will compile to:
.theColorName.--Tomato {
color: Tomato;
}
And the HTML:
<p class="theColorName --Tomato">I'm not a cucumber!</p>
All 141 colors:
cd5c5c
205, 92, 92
f08080
240, 128, 128
fa8072
250, 128, 114
e9967a
233, 150, 122
ffa07a
255, 160, 122
dc143c
220, 20, 60
ff0000
255, 0, 0
b22222
178, 34, 34
8b0000
139, 0, 0
ffc0cb
255, 192, 203
ffb6c1
255, 182, 193
ff69b4
255, 105, 180
ff1493
255, 20, 147
c71585
199, 21, 133
db7093
219, 112, 147
ff7f50
255, 127, 80
ff6347
255, 99, 71
ff4500
255, 69, 0
ff8c00
255, 140, 0
ffa500
255, 165, 0
ffd700
255, 215, 0
ffff00
255, 255, 0
ffffe0
255, 255, 224
fffacd
255, 250, 205
fafad2
250, 250, 210
ffefd5
255, 239, 213
ffe4b5
255, 228, 181
ffdab9
255, 218, 185
eee8aa
238, 232, 170
f0e68c
240, 230, 140
bdb76b
189, 183, 107
e6e6fa
230, 230, 250
d8bfd8
216, 191, 216
dda0dd
221, 160, 221
ee82ee
238, 130, 238
da70d6
218, 112, 214
ff00ff
255, 0, 255
ff00ff
255, 0, 255
ba55d3
186, 85, 211
9370db
147, 112, 219
663399
102, 51, 153
8a2be2
138, 43, 226
9400d3
148, 0, 211
9932cc
153, 50, 204
8b008b
139, 0, 139
800080
128, 0, 128
4b0082
75, 0, 130
6a5acd
106, 90, 205
483d8b
72, 61, 139
7b68ee
123, 104, 238
adff2f
173, 255, 47
7fff00
127, 255, 0
7cfc00
124, 252, 0
00ff00
0, 255, 0
32cd32
50, 205, 50
98fb98
152, 251, 152
90ee90
144, 238, 144
00fa9a
0, 250, 154
00ff7f
0, 255, 127
3cb371
60, 179, 113
2e8b57
46, 139, 87
228b22
34, 139, 34
008000
0, 128, 0
006400
0, 100, 0
9acd32
154, 205, 50
6b8e23
107, 142, 35
808000
128, 128, 0
556b2f
85, 107, 47
66cdaa
102, 205, 170
8fbc8b
143, 188, 139
20b2aa
32, 178, 170
008b8b
0, 139, 139
008080
0, 128, 128
00ffff
0, 255, 255
00ffff
0, 255, 255
e0ffff
224, 255, 255
afeeee
175, 238, 238
7fffd4
127, 255, 212
40e0d0
64, 224, 208
48d1cc
72, 209, 204
00ced1
0, 206, 209
5f9ea0
95, 158, 160
4682b4
70, 130, 180
b0c4de
176, 196, 222
b0e0e6
176, 224, 230
add8e6
173, 216, 230
87ceeb
135, 206, 235
87cefa
135, 206, 250
00bfff
0, 191, 255
1e90ff
30, 144, 255
6495ed
100, 149, 237
4169e1
65, 105, 225
0000ff
0, 0, 255
0000cd
0, 0, 205
00008b
0, 0, 139
000080
0, 0, 128
191970
25, 25, 112
fff8dc
255, 248, 220
ffebcd
255, 235, 205
ffe4c4
255, 228, 196
ffdead
255, 222, 173
f5deb3
245, 222, 179
deb887
222, 184, 135
d2b48c
210, 180, 140
bc8f8f
188, 143, 143
f4a460
244, 164, 96
daa520
218, 165, 32
b8860b
184, 134, 11
cd853f
205, 133, 63
d2691e
210, 105, 30
8b4513
139, 69, 19
a0522d
160, 82, 45
a52a2a
165, 42, 42
800000
128, 0, 0
ffffff
255, 255, 255
fffafa
255, 250, 250
f0fff0
240, 255, 240
f5fffa
245, 255, 250
f0ffff
240, 255, 255
f0f8ff
240, 248, 255
f8f8ff
248, 248, 255
f5f5f5
245, 245, 245
fff5ee
255, 245, 238
f5f5dc
245, 245, 220
fdf5e6
253, 245, 230
fffaf0
255, 250, 240
fffff0
255, 255, 240
faebd7
250, 235, 215
faf0e6
250, 240, 230
fff0f5
255, 240, 245
ffe4e1
255, 228, 225
dcdcdc
220, 220, 220
d3d3d3
211, 211, 211
c0c0c0
192, 192, 192
a9a9a9
169, 169, 169
808080
128, 128, 128
696969
105, 105, 105
778899
119, 136, 153
708090
112, 128, 144
2f4f4f
47, 79, 79
000000
0, 0, 0
This project is just for fun =]
Cheers