#8a5161
RGB ( 赤 = 138, 緑 = 81, 青 = 97 )
HSL ( 色相 = 343°, 彩度 = 26%, 明度 = 43% )
H : 色相 ( 343° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #8a5451 : -340
13 : #8a5d51 : -330
23 : #8a6751 : -320
33 : #8a7151 : -310
43 : #8a7a51 : -300
53 : #8a8451 : -290
63 : #878a51 : -280
73 : #7e8a51 : -270
83 : #748a51 : -260
93 : #6b8a51 : -250
103 : #618a51 : -240
113 : #588a51 : -230
123 : #518a54 : -220
133 : #518a5d : -210
143 : #518a67 : -200
153 : #518a71 : -190
163 : #518a7a : -180
173 : #518a84 : -170
183 : #51878a : -160
193 : #517e8a : -150
203 : #51748a : -140
213 : #516b8a : -130
223 : #51618a : -120
233 : #51588a : -110
243 : #54518a : -100
253 : #5d518a : -90
263 : #67518a : -80
273 : #71518a : -70
283 : #7a518a : -60
293 : #84518a : -50
303 : #8a5187 : -40
313 : #8a517e : -30
323 : #8a5174 : -20
333 : #8a516b : -10
343 : #8a5161 : ±0
353 : #8a5158 : +10
333 : #8a516b : -10
334 : #8a516a : -9
335 : #8a5169 : -8
336 : #8a5168 : -7
337 : #8a5167 : -6
338 : #8a5166 : -5
339 : #8a5165 : -4
340 : #8a5164 : -3
341 : #8a5163 : -2
342 : #8a5162 : -1
343 : #8a5161 : ±0
344 : #8a5160 : +1
345 : #8a515f : +2
346 : #8a515e : +3
347 : #8a515d : +4
348 : #8a515d : +5
349 : #8a515c : +6
350 : #8a515b : +7
351 : #8a515a : +8
352 : #8a5159 : +9
353 : #8a5158 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -26
2 : #706b6d : -24
4 : #72696c : -22
6 : #74676b : -20
8 : #76656a : -18
10 : #796369 : -16
12 : #7b6068 : -14
14 : #7d5e67 : -12
16 : #7f5c66 : -10
18 : #815a65 : -8
20 : #845864 : -6
22 : #865663 : -4
24 : #885362 : -2
26 : #8a5161 : ±0
28 : #8c4f60 : +2
30 : #8f4d5f : +4
32 : #914b5e : +6
34 : #93485d : +8
36 : #95465d : +10
38 : #97445c : +12
40 : #9a425b : +14
42 : #9c405a : +16
44 : #9e3d59 : +18
46 : #a03b58 : +20
48 : #a23957 : +22
50 : #a43756 : +24
52 : #a73555 : +26
54 : #a93254 : +28
56 : #ab3053 : +30
58 : #ad2e52 : +32
60 : #af2c51 : +34
62 : #b22a50 : +36
64 : #b4274f : +38
66 : #b6254e : +40
68 : #b8234d : +42
70 : #ba214c : +44
72 : #bd1f4b : +46
74 : #bf1d4a : +48
76 : #c11a4a : +50
78 : #c31849 : +52
80 : #c51648 : +54
82 : #c81447 : +56
84 : #ca1246 : +58
86 : #cc0f45 : +60
88 : #ce0d44 : +62
90 : #d00b43 : +64
92 : #d30942 : +66
94 : #d50741 : +68
96 : #d70440 : +70
98 : #d9023f : +72
100 : #db003e : +74
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -42
3 : #0a0607 : -40
5 : #10090b : -38
7 : #160d10 : -36
9 : #1d1114 : -34
11 : #231519 : -32
13 : #2a191d : -30
15 : #301c22 : -28
17 : #372026 : -26
19 : #3d242b : -24
21 : #432830 : -22
23 : #4a2b34 : -20
25 : #502f39 : -18
27 : #57333d : -16
29 : #5d3742 : -14
31 : #643a46 : -12
33 : #6a3e4b : -10
35 : #70424f : -8
37 : #774654 : -6
39 : #7d4a58 : -4
41 : #844d5d : -2
43 : #8a5161 : ±0
45 : #915566 : +2
47 : #97596a : +4
49 : #9d5c6f : +6
51 : #a36274 : +8
53 : #a6687a : +10
55 : #aa6e7f : +12
57 : #ae7585 : +14
59 : #b27b8b : +16
61 : #b58290 : +18
63 : #b98896 : +20
65 : #bd8f9c : +22
67 : #c195a1 : +24
69 : #c59ba7 : +26
71 : #c8a2ad : +28
73 : #cca8b2 : +30
75 : #d0afb8 : +32
77 : #d4b5be : +34
79 : #d7bcc3 : +36
81 : #dbc2c9 : +38
83 : #dfc8cf : +40
85 : #e3cfd4 : +42
87 : #e6d5da : +44
89 : #eadce0 : +46
91 : #eee2e5 : +48
93 : #f2e9eb : +50
95 : #f6eff1 : +52
97 : #f9f5f6 : +54
99 : #fdfcfc : +56
CSS入門、作ってます。
text-shadow