#cc0101
RGB ( 赤 = 204, 緑 = 1, 青 = 1 )
HSL ( 色相 = 0°, 彩度 = 99%, 明度 = 40% )
H : 色相 ( 0° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #cb0101 : ±0
10 : #cb2301 : +10
20 : #cb4401 : +20
30 : #cb6601 : +30
40 : #cb8801 : +40
50 : #cba901 : +50
60 : #cbcb01 : +60
70 : #a9cb01 : +70
80 : #88cb01 : +80
90 : #66cb01 : +90
100 : #44cb01 : +100
110 : #23cb01 : +110
120 : #01cb01 : +120
130 : #01cb23 : +130
140 : #01cb44 : +140
150 : #01cb66 : +150
160 : #01cb88 : +160
170 : #01cba9 : +170
180 : #01cbcb : +180
190 : #01a9cb : +190
200 : #0188cb : +200
210 : #0166cb : +210
220 : #0144cb : +220
230 : #0123cb : +230
240 : #0101cb : +240
250 : #2301cb : +250
260 : #4401cb : +260
270 : #6601cb : +270
280 : #8801cb : +280
290 : #a901cb : +290
300 : #cb01cb : +300
310 : #cb01a9 : +310
320 : #cb0188 : +320
330 : #cb0166 : +330
340 : #cb0144 : +340
350 : #cb0123 : +350
350 : #cb0123 : +350
351 : #cb011f : +351
352 : #cb011c : +352
353 : #cb0119 : +353
354 : #cb0115 : +354
355 : #cb0112 : +355
356 : #cb010e : +356
357 : #cb010b : +357
358 : #cb0108 : +358
359 : #cb0104 : +359
0 : #cb0101 : ±0
1 : #cb0401 : +1
2 : #cb0801 : +2
3 : #cb0b01 : +3
4 : #cb0e01 : +4
5 : #cb1201 : +5
6 : #cb1501 : +6
7 : #cb1901 : +7
8 : #cb1c01 : +8
9 : #cb1f01 : +9
10 : #cb2301 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676565 : -98
3 : #696363 : -96
5 : #6b6161 : -94
7 : #6d5f5f : -92
9 : #6f5d5d : -90
11 : #715b5b : -88
13 : #735959 : -86
15 : #755757 : -84
17 : #775555 : -82
19 : #795353 : -80
21 : #7b5151 : -78
23 : #7d4f4f : -76
25 : #804d4d : -74
27 : #824a4a : -72
29 : #844848 : -70
31 : #864646 : -68
33 : #884444 : -66
35 : #8a4242 : -64
37 : #8c4040 : -62
39 : #8e3e3e : -60
41 : #903c3c : -58
43 : #923a3a : -56
45 : #943838 : -54
47 : #963636 : -52
49 : #983434 : -50
51 : #9a3232 : -48
53 : #9c3030 : -46
55 : #9e2e2e : -44
57 : #a02c2c : -42
59 : #a22a2a : -40
61 : #a42828 : -38
63 : #a62626 : -36
65 : #a82424 : -34
67 : #aa2222 : -32
69 : #ac2020 : -30
71 : #ae1e1e : -28
73 : #b01c1c : -26
75 : #b31a1a : -24
77 : #b51717 : -22
79 : #b71515 : -20
81 : #b91313 : -18
83 : #bb1111 : -16
85 : #bd0f0f : -14
87 : #bf0d0d : -12
89 : #c10b0b : -10
91 : #c30909 : -8
93 : #c50707 : -6
95 : #c70505 : -4
97 : #c90303 : -2
99 : #cb0101 : ±0
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #0a0000 : -38
4 : #140000 : -36
6 : #1e0000 : -34
8 : #290000 : -32
10 : #330000 : -30
12 : #3d0000 : -28
14 : #470000 : -26
16 : #510000 : -24
18 : #5b0000 : -22
20 : #650101 : -20
22 : #700101 : -18
24 : #7a0101 : -16
26 : #840101 : -14
28 : #8e0101 : -12
30 : #980101 : -10
32 : #a20101 : -8
34 : #ad0101 : -6
36 : #b70101 : -4
38 : #c10101 : -2
40 : #cb0101 : ±0
42 : #d50101 : +2
44 : #df0101 : +4
46 : #e90101 : +6
48 : #f40101 : +8
50 : #fe0101 : +10
52 : #fe0b0b : +12
54 : #fe1616 : +14
56 : #fe2020 : +16
58 : #fe2a2a : +18
60 : #fe3434 : +20
62 : #fe3e3e : +22
64 : #fe4848 : +24
66 : #fe5252 : +26
68 : #fe5d5d : +28
70 : #fe6767 : +30
72 : #fe7171 : +32
74 : #fe7b7b : +34
76 : #fe8585 : +36
78 : #fe8f8f : +38
80 : #fe9a9a : +40
82 : #ffa4a4 : +42
84 : #ffaeae : +44
86 : #ffb8b8 : +46
88 : #ffc2c2 : +48
90 : #ffcccc : +50
92 : #ffd6d6 : +52
94 : #ffe1e1 : +54
96 : #ffebeb : +56
98 : #fff5f5 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow