#8b563c
RGB ( 赤 = 139, 緑 = 86, 青 = 60 )
HSL ( 色相 = 20°, 彩度 = 40%, 明度 = 39% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #8b3c3c : -20
10 : #8b493c : -10
20 : #8b563c : ±0
30 : #8b633c : +10
40 : #8b713c : +20
50 : #8b7e3c : +30
60 : #8b8b3c : +40
70 : #7e8b3c : +50
80 : #718b3c : +60
90 : #638b3c : +70
100 : #568b3c : +80
110 : #498b3c : +90
120 : #3c8b3c : +100
130 : #3c8b49 : +110
140 : #3c8b56 : +120
150 : #3c8b63 : +130
160 : #3c8b71 : +140
170 : #3c8b7e : +150
180 : #3c8b8b : +160
190 : #3c7e8b : +170
200 : #3c718b : +180
210 : #3c638b : +190
220 : #3c568b : +200
230 : #3c498b : +210
240 : #3c3c8b : +220
250 : #493c8b : +230
260 : #563c8b : +240
270 : #633c8b : +250
280 : #713c8b : +260
290 : #7e3c8b : +270
300 : #8b3c8b : +280
310 : #8b3c7e : +290
320 : #8b3c71 : +300
330 : #8b3c63 : +310
340 : #8b3c56 : +320
350 : #8b3c49 : +330
10 : #8b493c : -10
11 : #8b4a3c : -9
12 : #8b4c3c : -8
13 : #8b4d3c : -7
14 : #8b4e3c : -6
15 : #8b503c : -5
16 : #8b513c : -4
17 : #8b523c : -3
18 : #8b543c : -2
19 : #8b553c : -1
20 : #8b563c : ±0
21 : #8b583c : +1
22 : #8b593c : +2
23 : #8b5a3c : +3
24 : #8b5b3c : +4
25 : #8b5d3c : +5
26 : #8b5e3c : +6
27 : #8b5f3c : +7
28 : #8b613c : +8
29 : #8b623c : +9
30 : #8b633c : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -40
2 : #656361 : -38
4 : #67625f : -36
6 : #69615d : -34
8 : #6b615b : -32
10 : #6d605a : -30
12 : #6f5f58 : -28
14 : #715f56 : -26
16 : #735e54 : -24
18 : #755d52 : -22
20 : #775d50 : -20
22 : #795c4e : -18
24 : #7b5b4c : -16
26 : #7d5b4a : -14
28 : #7f5a48 : -12
30 : #815a46 : -10
32 : #835944 : -8
34 : #855842 : -6
36 : #875840 : -4
38 : #89573e : -2
40 : #8b563c : ±0
42 : #8d563a : +2
44 : #8f5538 : +4
46 : #915436 : +6
48 : #935434 : +8
50 : #955332 : +10
52 : #975230 : +12
54 : #99522e : +14
56 : #9b512c : +16
58 : #9d502a : +18
60 : #9f5028 : +20
62 : #a14f26 : +22
64 : #a34e24 : +24
66 : #a54e22 : +26
68 : #a74d20 : +28
70 : #a94c1e : +30
72 : #ab4c1c : +32
74 : #ad4b1a : +34
76 : #af4a18 : +36
78 : #b14a16 : +38
80 : #b34914 : +40
82 : #b54812 : +42
84 : #b74810 : +44
86 : #b9470e : +46
88 : #bb460c : +48
90 : #bd460a : +50
92 : #bf4508 : +52
94 : #c14406 : +54
96 : #c34404 : +56
98 : #c54302 : +58
100 : #c74200 : +60
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -38
3 : #0b0705 : -36
5 : #120b08 : -34
7 : #190f0b : -32
9 : #20140e : -30
11 : #271811 : -28
13 : #2e1d14 : -26
15 : #362117 : -24
17 : #3d261a : -22
19 : #442a1d : -20
21 : #4b2e20 : -18
23 : #523323 : -16
25 : #593726 : -14
27 : #603c29 : -12
29 : #68402c : -10
31 : #6f452f : -8
33 : #764932 : -6
35 : #7d4d36 : -4
37 : #845239 : -2
39 : #8b563c : ±0
41 : #925b3f : +2
43 : #9a5f42 : +4
45 : #a16345 : +6
47 : #a86848 : +8
49 : #af6c4b : +10
51 : #b47150 : +12
53 : #b77757 : +14
55 : #ba7d5e : +16
57 : #bd8365 : +18
59 : #c0896d : +20
61 : #c38e74 : +22
63 : #c6947b : +24
65 : #c99a82 : +26
67 : #cda089 : +28
69 : #d0a590 : +30
71 : #d3ab97 : +32
73 : #d6b19f : +34
75 : #d9b7a6 : +36
77 : #dcbdad : +38
79 : #dfc2b4 : +40
81 : #e2c8bb : +42
83 : #e5cec2 : +44
85 : #e8d4c9 : +46
87 : #ebd9d1 : +48
89 : #eedfd8 : +50
91 : #f1e5df : +52
93 : #f4ebe6 : +54
95 : #f7f1ed : +56
97 : #faf6f4 : +58
99 : #fdfcfb : +60
CSS入門、作ってます。
text-shadow