#8c827d
RGB ( 赤 = 140, 緑 = 130, 青 = 125 )
HSL ( 色相 = 20°, 彩度 = 6%, 明度 = 52% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8c7d7d : -20
10 : #8c807d : -10
20 : #8c827d : ±0
30 : #8c857d : +10
40 : #8c877d : +20
50 : #8c897d : +30
60 : #8c8c7d : +40
70 : #898c7d : +50
80 : #878c7d : +60
90 : #858c7d : +70
100 : #828c7d : +80
110 : #808c7d : +90
120 : #7d8c7d : +100
130 : #7d8c80 : +110
140 : #7d8c82 : +120
150 : #7d8c85 : +130
160 : #7d8c87 : +140
170 : #7d8c89 : +150
180 : #7d8c8c : +160
190 : #7d898c : +170
200 : #7d878c : +180
210 : #7d858c : +190
220 : #7d828c : +200
230 : #7d808c : +210
240 : #7d7d8c : +220
250 : #807d8c : +230
260 : #827d8c : +240
270 : #857d8c : +250
280 : #877d8c : +260
290 : #897d8c : +270
300 : #8c7d8c : +280
310 : #8c7d89 : +290
320 : #8c7d87 : +300
330 : #8c7d85 : +310
340 : #8c7d82 : +320
350 : #8c7d80 : +330
10 : #8c807d : -10
11 : #8c807d : -9
12 : #8c807d : -8
13 : #8c807d : -7
14 : #8c817d : -6
15 : #8c817d : -5
16 : #8c817d : -4
17 : #8c817d : -3
18 : #8c827d : -2
19 : #8c827d : -1
20 : #8c827d : ±0
21 : #8c827d : +1
22 : #8c837d : +2
23 : #8c837d : +3
24 : #8c837d : +4
25 : #8c837d : +5
26 : #8c847d : +6
27 : #8c847d : +7
28 : #8c847d : +8
29 : #8c847d : +9
30 : #8c857d : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #848484 : -6
2 : #878482 : -4
4 : #898380 : -2
6 : #8c827d : ±0
8 : #8e817b : +2
10 : #918178 : +4
12 : #938076 : +6
14 : #967f73 : +8
16 : #987e71 : +10
18 : #9b7d6f : +12
20 : #9d7c6c : +14
22 : #a07c6a : +16
24 : #a27b67 : +18
26 : #a47a65 : +20
28 : #a77962 : +22
30 : #a97860 : +24
32 : #ac785d : +26
34 : #ae775b : +28
36 : #b17659 : +30
38 : #b37556 : +32
40 : #b67454 : +34
42 : #b87351 : +36
44 : #ba734f : +38
46 : #bd724c : +40
48 : #bf714a : +42
50 : #c27047 : +44
52 : #c46f45 : +46
54 : #c76f43 : +48
56 : #c96e40 : +50
58 : #cc6d3e : +52
60 : #ce6c3b : +54
62 : #d06b39 : +56
64 : #d36a36 : +58
66 : #d56a34 : +60
68 : #d86931 : +62
70 : #da682f : +64
72 : #dd672c : +66
74 : #df662a : +68
76 : #e26628 : +70
78 : #e46525 : +72
80 : #e76423 : +74
82 : #e96320 : +76
84 : #eb621e : +78
86 : #ee621b : +80
88 : #f06119 : +82
90 : #f36016 : +84
92 : #f55f14 : +86
94 : #f85e12 : +88
96 : #fa5d0f : +90
98 : #fd5d0d : +92
100 : #ff5c0a : +94
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #050505 : -50
4 : #0b0a0a : -48
6 : #100f0e : -46
8 : #161413 : -44
10 : #1b1918 : -42
12 : #201e1d : -40
14 : #262322 : -38
16 : #2b2826 : -36
18 : #312d2b : -34
20 : #363230 : -32
22 : #3b3735 : -30
24 : #413c3a : -28
26 : #46413e : -26
28 : #4c4643 : -24
30 : #514b48 : -22
32 : #56504d : -20
34 : #5c5551 : -18
36 : #615a56 : -16
38 : #675f5b : -14
40 : #6c6460 : -12
42 : #726965 : -10
44 : #776e69 : -8
46 : #7c736e : -6
48 : #827873 : -4
50 : #877d78 : -2
52 : #8c827d : ±0
54 : #918783 : +2
56 : #968d88 : +4
58 : #9a928d : +6
60 : #9f9793 : +8
62 : #a49c98 : +10
64 : #a9a19e : +12
66 : #aea7a3 : +14
68 : #b2aca9 : +16
70 : #b7b1ae : +18
72 : #bcb6b3 : +20
74 : #c1bbb9 : +22
76 : #c5c1be : +24
78 : #cac6c4 : +26
80 : #cfcbc9 : +28
82 : #d4d0ce : +30
84 : #d9d5d4 : +32
86 : #dddbd9 : +34
88 : #e2e0df : +36
90 : #e7e5e4 : +38
92 : #eceae9 : +40
94 : #f1efef : +42
96 : #f5f5f4 : +44
98 : #fafafa : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow