#8b3c58
RGB ( 赤 = 139, 緑 = 60, 青 = 88 )
HSL ( 色相 = 339°, 彩度 = 40%, 明度 = 39% )
H : 色相 ( 339° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #8b483c : -330
19 : #8b553c : -320
29 : #8b623c : -310
39 : #8b6f3c : -300
49 : #8b7d3c : -290
59 : #8b8a3c : -280
69 : #7f8b3c : -270
79 : #728b3c : -260
89 : #658b3c : -250
99 : #588b3c : -240
109 : #4a8b3c : -230
119 : #3d8b3c : -220
129 : #3c8b48 : -210
139 : #3c8b55 : -200
149 : #3c8b62 : -190
159 : #3c8b6f : -180
169 : #3c8b7d : -170
179 : #3c8b8a : -160
189 : #3c7f8b : -150
199 : #3c728b : -140
209 : #3c658b : -130
219 : #3c588b : -120
229 : #3c4a8b : -110
239 : #3c3d8b : -100
249 : #483c8b : -90
259 : #553c8b : -80
269 : #623c8b : -70
279 : #6f3c8b : -60
289 : #7d3c8b : -50
299 : #8a3c8b : -40
309 : #8b3c7f : -30
319 : #8b3c72 : -20
329 : #8b3c65 : -10
339 : #8b3c58 : ±0
349 : #8b3c4a : +10
359 : #8b3c3d : +20
329 : #8b3c65 : -10
330 : #8b3c63 : -9
331 : #8b3c62 : -8
332 : #8b3c61 : -7
333 : #8b3c5f : -6
334 : #8b3c5e : -5
335 : #8b3c5d : -4
336 : #8b3c5b : -3
337 : #8b3c5a : -2
338 : #8b3c59 : -1
339 : #8b3c58 : ±0
340 : #8b3c56 : +1
341 : #8b3c55 : +2
342 : #8b3c54 : +3
343 : #8b3c52 : +4
344 : #8b3c51 : +5
345 : #8b3c50 : +6
346 : #8b3c4e : +7
347 : #8b3c4d : +8
348 : #8b3c4c : +9
349 : #8b3c4a : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -40
2 : #656163 : -38
4 : #675f62 : -36
6 : #695d62 : -34
8 : #6b5b61 : -32
10 : #6d5a60 : -30
12 : #6f5860 : -28
14 : #71565f : -26
16 : #73545f : -24
18 : #75525e : -22
20 : #77505d : -20
22 : #794e5d : -18
24 : #7b4c5c : -16
26 : #7d4a5c : -14
28 : #7f485b : -12
30 : #81465a : -10
32 : #83445a : -8
34 : #854259 : -6
36 : #874059 : -4
38 : #893e58 : -2
40 : #8b3c58 : ±0
42 : #8d3a57 : +2
44 : #8f3856 : +4
46 : #913656 : +6
48 : #933455 : +8
50 : #953255 : +10
52 : #973054 : +12
54 : #992e53 : +14
56 : #9b2c53 : +16
58 : #9d2a52 : +18
60 : #9f2852 : +20
62 : #a12651 : +22
64 : #a32450 : +24
66 : #a52250 : +26
68 : #a7204f : +28
70 : #a91e4f : +30
72 : #ab1c4e : +32
74 : #ad1a4d : +34
76 : #af184d : +36
78 : #b1164c : +38
80 : #b3144c : +40
82 : #b5124b : +42
84 : #b7104a : +44
86 : #b90e4a : +46
88 : #bb0c49 : +48
90 : #bd0a49 : +50
92 : #bf0848 : +52
94 : #c10647 : +54
96 : #c30447 : +56
98 : #c50246 : +58
100 : #c70046 : +60
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -38
3 : #0b0507 : -36
5 : #12080b : -34
7 : #190b10 : -32
9 : #200e14 : -30
11 : #271119 : -28
13 : #2e141d : -26
15 : #361722 : -24
17 : #3d1a26 : -22
19 : #441d2b : -20
21 : #4b202f : -18
23 : #522334 : -16
25 : #592638 : -14
27 : #60293d : -12
29 : #682c41 : -10
31 : #6f2f46 : -8
33 : #76324a : -6
35 : #7d364f : -4
37 : #843953 : -2
39 : #8b3c58 : ±0
41 : #923f5c : +2
43 : #9a4260 : +4
45 : #a14565 : +6
47 : #a84869 : +8
49 : #af4b6e : +10
51 : #b45073 : +12
53 : #b75779 : +14
55 : #ba5e7e : +16
57 : #bd6584 : +18
59 : #c06d8a : +20
61 : #c37490 : +22
63 : #c67b95 : +24
65 : #c9829b : +26
67 : #cd89a1 : +28
69 : #d090a6 : +30
71 : #d397ac : +32
73 : #d69fb2 : +34
75 : #d9a6b8 : +36
77 : #dcadbd : +38
79 : #dfb4c3 : +40
81 : #e2bbc9 : +42
83 : #e5c2ce : +44
85 : #e8c9d4 : +46
87 : #ebd1da : +48
89 : #eed8e0 : +50
91 : #f1dfe5 : +52
93 : #f4e6eb : +54
95 : #f7edf1 : +56
97 : #faf4f6 : +58
99 : #fdfbfc : +60
CSS入門、作ってます。
text-shadow