#807c84
RGB ( 赤 = 128, 緑 = 124, 青 = 132 )
HSL ( 色相 = 270°, 彩度 = 3%, 明度 = 50% )
H : 色相 ( 270° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #837c7c : -270
10 : #837d7c : -260
20 : #837e7c : -250
30 : #83807c : -240
40 : #83817c : -230
50 : #83827c : -220
60 : #83837c : -210
70 : #82837c : -200
80 : #81837c : -190
90 : #80837c : -180
100 : #7e837c : -170
110 : #7d837c : -160
120 : #7c837c : -150
130 : #7c837d : -140
140 : #7c837e : -130
150 : #7c8380 : -120
160 : #7c8381 : -110
170 : #7c8382 : -100
180 : #7c8383 : -90
190 : #7c8283 : -80
200 : #7c8183 : -70
210 : #7c8083 : -60
220 : #7c7e83 : -50
230 : #7c7d83 : -40
240 : #7c7c83 : -30
250 : #7d7c83 : -20
260 : #7e7c83 : -10
270 : #807c83 : ±0
280 : #817c83 : +10
290 : #827c83 : +20
300 : #837c83 : +30
310 : #837c82 : +40
320 : #837c81 : +50
330 : #837c80 : +60
340 : #837c7e : +70
350 : #837c7d : +80
260 : #7e7c83 : -10
261 : #7e7c83 : -9
262 : #7e7c83 : -8
263 : #7f7c83 : -7
264 : #7f7c83 : -6
265 : #7f7c83 : -5
266 : #7f7c83 : -4
267 : #7f7c83 : -3
268 : #7f7c83 : -2
269 : #7f7c83 : -1
270 : #807c83 : ±0
271 : #807c83 : +1
272 : #807c83 : +2
273 : #807c83 : +3
274 : #807c83 : +4
275 : #807c83 : +5
276 : #807c83 : +6
277 : #807c83 : +7
278 : #817c83 : +8
279 : #817c83 : +9
280 : #817c83 : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #807e81 : -2
3 : #807c83 : ±0
5 : #807986 : +2
7 : #807788 : +4
9 : #80748b : +6
11 : #80718e : +8
13 : #806f90 : +10
15 : #806c93 : +12
17 : #806a95 : +14
19 : #806798 : +16
21 : #80659a : +18
23 : #80629d : +20
25 : #80609f : +22
27 : #805da2 : +24
29 : #805ba4 : +26
31 : #8058a7 : +28
33 : #8055aa : +30
35 : #8053ac : +32
37 : #8050af : +34
39 : #804eb1 : +36
41 : #804bb4 : +38
43 : #8049b6 : +40
45 : #8046b9 : +42
47 : #8044bb : +44
49 : #8041be : +46
51 : #803ec1 : +48
53 : #803cc3 : +50
55 : #8039c6 : +52
57 : #8037c8 : +54
59 : #8034cb : +56
61 : #8032cd : +58
63 : #802fd0 : +60
65 : #802dd2 : +62
67 : #802ad5 : +64
69 : #8028d7 : +66
71 : #8025da : +68
73 : #8022dd : +70
75 : #8020df : +72
77 : #801de2 : +74
79 : #801be4 : +76
81 : #8018e7 : +78
83 : #8016e9 : +80
85 : #8013ec : +82
87 : #8011ee : +84
89 : #800ef1 : +86
91 : #800bf4 : +88
93 : #8009f6 : +90
95 : #8006f9 : +92
97 : #8004fb : +94
99 : #8001fe : +96
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #050505 : -48
4 : #0a0a0b : -46
6 : #0f0f10 : -44
8 : #141415 : -42
10 : #1a191a : -40
12 : #1f1e20 : -38
14 : #242325 : -36
16 : #29282a : -34
18 : #2e2d2f : -32
20 : #333135 : -30
22 : #38363a : -28
24 : #3d3b3f : -26
26 : #424044 : -24
28 : #47454a : -22
30 : #4d4a4f : -20
32 : #524f54 : -18
34 : #575459 : -16
36 : #5c595f : -14
38 : #615e64 : -12
40 : #666369 : -10
42 : #6b686e : -8
44 : #706d74 : -6
46 : #757279 : -4
48 : #7a777e : -2
50 : #807c83 : ±0
52 : #858188 : +2
54 : #8a868d : +4
56 : #8f8b92 : +6
58 : #949197 : +8
60 : #99969c : +10
62 : #9e9ba1 : +12
64 : #a3a0a6 : +14
66 : #a8a6ab : +16
68 : #adabb0 : +18
70 : #b3b0b5 : +20
72 : #b8b5ba : +22
74 : #bdbbbf : +24
76 : #c2c0c4 : +26
78 : #c7c5c9 : +28
80 : #cccace : +30
82 : #d1d0d2 : +32
84 : #d6d5d7 : +34
86 : #dbdadc : +36
88 : #e0dfe1 : +38
90 : #e6e5e6 : +40
92 : #ebeaeb : +42
94 : #f0eff0 : +44
96 : #f5f4f5 : +46
98 : #fafafa : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow