#9c6d3a
RGB ( 赤 = 156, 緑 = 109, 青 = 58 )
HSL ( 色相 = 31°, 彩度 = 46%, 明度 = 42% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9c3b3a : -30
11 : #9c4c3a : -20
21 : #9c5c3a : -10
31 : #9c6d3a : ±0
41 : #9c7d3a : +10
51 : #9c8e3a : +20
61 : #9b9c3a : +30
71 : #8a9c3a : +40
81 : #7a9c3a : +50
91 : #699c3a : +60
101 : #599c3a : +70
111 : #499c3a : +80
121 : #3a9c3b : +90
131 : #3a9c4c : +100
141 : #3a9c5c : +110
151 : #3a9c6d : +120
161 : #3a9c7d : +130
171 : #3a9c8e : +140
181 : #3a9b9c : +150
191 : #3a8a9c : +160
201 : #3a7a9c : +170
211 : #3a699c : +180
221 : #3a599c : +190
231 : #3a499c : +200
241 : #3b3a9c : +210
251 : #4c3a9c : +220
261 : #5c3a9c : +230
271 : #6d3a9c : +240
281 : #7d3a9c : +250
291 : #8e3a9c : +260
301 : #9c3a9b : +270
311 : #9c3a8a : +280
321 : #9c3a7a : +290
331 : #9c3a69 : +300
341 : #9c3a59 : +310
351 : #9c3a49 : +320
21 : #9c5c3a : -10
22 : #9c5e3a : -9
23 : #9c603a : -8
24 : #9c613a : -7
25 : #9c633a : -6
26 : #9c653a : -5
27 : #9c663a : -4
28 : #9c683a : -3
29 : #9c693a : -2
30 : #9c6b3a : -1
31 : #9c6d3a : ±0
32 : #9c6e3a : +1
33 : #9c703a : +2
34 : #9c723a : +3
35 : #9c733a : +4
36 : #9c753a : +5
37 : #9c773a : +6
38 : #9c783a : +7
39 : #9c7a3a : +8
40 : #9c7c3a : +9
41 : #9c7d3a : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -46
2 : #6d6b69 : -44
4 : #6f6b67 : -42
6 : #726b65 : -40
8 : #746b63 : -38
10 : #766b60 : -36
12 : #786c5e : -34
14 : #7a6c5c : -32
16 : #7c6c5a : -30
18 : #7e6c58 : -28
20 : #816c56 : -26
22 : #836c54 : -24
24 : #856c51 : -22
26 : #876c4f : -20
28 : #896c4d : -18
30 : #8b6c4b : -16
32 : #8d6c49 : -14
34 : #906c47 : -12
36 : #926c45 : -10
38 : #946c42 : -8
40 : #966d40 : -6
42 : #986d3e : -4
44 : #9a6d3c : -2
46 : #9c6d3a : ±0
48 : #9f6d38 : +2
50 : #a16d36 : +4
52 : #a36d33 : +6
54 : #a56d31 : +8
56 : #a76d2f : +10
58 : #a96d2d : +12
60 : #ab6d2b : +14
62 : #ae6d29 : +16
64 : #b06d27 : +18
66 : #b26d24 : +20
68 : #b46e22 : +22
70 : #b66e20 : +24
72 : #b86e1e : +26
74 : #ba6e1c : +28
76 : #bc6e1a : +30
78 : #bf6e18 : +32
80 : #c16e15 : +34
82 : #c36e13 : +36
84 : #c56e11 : +38
86 : #c76e0f : +40
88 : #c96e0d : +42
90 : #cb6e0b : +44
92 : #ce6e09 : +46
94 : #d06e06 : +48
96 : #d26f04 : +50
98 : #d46f02 : +52
100 : #d66f00 : +54
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #070503 : -40
4 : #0f0a06 : -38
6 : #161008 : -36
8 : #1e150b : -34
10 : #251a0e : -32
12 : #2d1f11 : -30
14 : #342413 : -28
16 : #3c2916 : -26
18 : #432f19 : -24
20 : #4a341c : -22
22 : #52391e : -20
24 : #593e21 : -18
26 : #614324 : -16
28 : #684827 : -14
30 : #704e29 : -12
32 : #77532c : -10
34 : #7f582f : -8
36 : #865d32 : -6
38 : #8d6234 : -4
40 : #956837 : -2
42 : #9c6d3a : ±0
44 : #a4723d : +2
46 : #ab773f : +4
48 : #b37c42 : +6
50 : #ba8145 : +8
52 : #bd864c : +10
54 : #c08b54 : +12
56 : #c2915b : +14
58 : #c59663 : +16
60 : #c89b6a : +18
62 : #cba072 : +20
64 : #cda579 : +22
66 : #d0aa80 : +24
68 : #d3af88 : +26
70 : #d6b48f : +28
72 : #d8b997 : +30
74 : #dbbe9e : +32
76 : #dec3a6 : +34
78 : #e1c8ad : +36
80 : #e3cdb5 : +38
82 : #e6d2bc : +40
84 : #e9d7c3 : +42
86 : #ecdccb : +44
88 : #eee1d2 : +46
90 : #f1e6da : +48
92 : #f4ebe1 : +50
94 : #f7f0e9 : +52
96 : #f9f5f0 : +54
98 : #fcfaf8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow