#8e8580
RGB ( 赤 = 142, 緑 = 133, 青 = 128 )
HSL ( 色相 = 21°, 彩度 = 6%, 明度 = 53% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8e8080 : -20
11 : #8e8380 : -10
21 : #8e8580 : ±0
31 : #8e8780 : +10
41 : #8e8a80 : +20
51 : #8e8c80 : +30
61 : #8e8e80 : +40
71 : #8c8e80 : +50
81 : #898e80 : +60
91 : #878e80 : +70
101 : #858e80 : +80
111 : #828e80 : +90
121 : #808e80 : +100
131 : #808e83 : +110
141 : #808e85 : +120
151 : #808e87 : +130
161 : #808e8a : +140
171 : #808e8c : +150
181 : #808e8e : +160
191 : #808c8e : +170
201 : #80898e : +180
211 : #80878e : +190
221 : #80858e : +200
231 : #80828e : +210
241 : #80808e : +220
251 : #83808e : +230
261 : #85808e : +240
271 : #87808e : +250
281 : #8a808e : +260
291 : #8c808e : +270
301 : #8e808e : +280
311 : #8e808c : +290
321 : #8e8089 : +300
331 : #8e8087 : +310
341 : #8e8085 : +320
351 : #8e8082 : +330
11 : #8e8380 : -10
12 : #8e8380 : -9
13 : #8e8380 : -8
14 : #8e8380 : -7
15 : #8e8480 : -6
16 : #8e8480 : -5
17 : #8e8480 : -4
18 : #8e8480 : -3
19 : #8e8580 : -2
20 : #8e8580 : -1
21 : #8e8580 : ±0
22 : #8e8580 : +1
23 : #8e8580 : +2
24 : #8e8680 : +3
25 : #8e8680 : +4
26 : #8e8680 : +5
27 : #8e8680 : +6
28 : #8e8780 : +7
29 : #8e8780 : +8
30 : #8e8780 : +9
31 : #8e8780 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -6
2 : #8a8685 : -4
4 : #8c8682 : -2
6 : #8e8580 : ±0
8 : #91847e : +2
10 : #93847b : +4
12 : #968379 : +6
14 : #988276 : +8
16 : #9a8174 : +10
18 : #9d8172 : +12
20 : #9f806f : +14
22 : #a27f6d : +16
24 : #a47f6a : +18
26 : #a67e68 : +20
28 : #a97d66 : +22
30 : #ab7c63 : +24
32 : #ae7c61 : +26
34 : #b07b5e : +28
36 : #b27a5c : +30
38 : #b5795a : +32
40 : #b77957 : +34
42 : #b97855 : +36
44 : #bc7752 : +38
46 : #be7750 : +40
48 : #c1764e : +42
50 : #c3754b : +44
52 : #c57449 : +46
54 : #c87446 : +48
56 : #ca7344 : +50
58 : #cd7242 : +52
60 : #cf723f : +54
62 : #d1713d : +56
64 : #d4703a : +58
66 : #d66f38 : +60
68 : #d96f36 : +62
70 : #db6e33 : +64
72 : #dd6d31 : +66
74 : #e06d2e : +68
76 : #e26c2c : +70
78 : #e56b2a : +72
80 : #e76a27 : +74
82 : #e96a25 : +76
84 : #ec6922 : +78
86 : #ee6820 : +80
88 : #f1681e : +82
90 : #f3671b : +84
92 : #f56619 : +86
94 : #f86516 : +88
96 : #fa6514 : +90
98 : #fd6412 : +92
100 : #ff630f : +94
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -52
3 : #080807 : -50
5 : #0e0d0c : -48
7 : #131211 : -46
9 : #181716 : -44
11 : #1e1c1a : -42
13 : #23211f : -40
15 : #292624 : -38
17 : #2e2b29 : -36
19 : #33302e : -34
21 : #393532 : -32
23 : #3e3a37 : -30
25 : #443f3c : -28
27 : #494441 : -26
29 : #4e4946 : -24
31 : #544e4a : -22
33 : #59534f : -20
35 : #5f5854 : -18
37 : #645d59 : -16
39 : #69625d : -14
41 : #6f6762 : -12
43 : #746c67 : -10
45 : #7a716c : -8
47 : #7f7671 : -6
49 : #847b75 : -4
51 : #8a807b : -2
53 : #8e8580 : ±0
55 : #938a85 : +2
57 : #988f8b : +4
59 : #9d9590 : +6
61 : #a29a96 : +8
63 : #a69f9b : +10
65 : #aba4a0 : +12
67 : #b0a9a6 : +14
69 : #b5afab : +16
71 : #b9b4b1 : +18
73 : #beb9b6 : +20
75 : #c3bebb : +22
77 : #c8c3c1 : +24
79 : #cdc8c6 : +26
81 : #d1cecc : +28
83 : #d6d3d1 : +30
85 : #dbd8d6 : +32
87 : #e0dddc : +34
89 : #e5e2e1 : +36
91 : #e9e8e7 : +38
93 : #eeedec : +40
95 : #f3f2f1 : +42
97 : #f8f7f7 : +44
99 : #fdfcfc : +46
CSS入門、作ってます。
text-shadow