#9c6b3a
RGB ( 赤 = 156, 緑 = 107, 青 = 58 )
HSL ( 色相 = 30°, 彩度 = 46%, 明度 = 42% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #9c3a3a : -30
10 : #9c4a3a : -20
20 : #9c5b3a : -10
30 : #9c6b3a : ±0
40 : #9c7c3a : +10
50 : #9c8c3a : +20
60 : #9c9c3a : +30
70 : #8c9c3a : +40
80 : #7c9c3a : +50
90 : #6b9c3a : +60
100 : #5b9c3a : +70
110 : #4a9c3a : +80
120 : #3a9c3a : +90
130 : #3a9c4a : +100
140 : #3a9c5b : +110
150 : #3a9c6b : +120
160 : #3a9c7c : +130
170 : #3a9c8c : +140
180 : #3a9c9c : +150
190 : #3a8c9c : +160
200 : #3a7c9c : +170
210 : #3a6b9c : +180
220 : #3a5b9c : +190
230 : #3a4a9c : +200
240 : #3a3a9c : +210
250 : #4a3a9c : +220
260 : #5b3a9c : +230
270 : #6b3a9c : +240
280 : #7c3a9c : +250
290 : #8c3a9c : +260
300 : #9c3a9c : +270
310 : #9c3a8c : +280
320 : #9c3a7c : +290
330 : #9c3a6b : +300
340 : #9c3a5b : +310
350 : #9c3a4a : +320
20 : #9c5b3a : -10
21 : #9c5c3a : -9
22 : #9c5e3a : -8
23 : #9c603a : -7
24 : #9c613a : -6
25 : #9c633a : -5
26 : #9c653a : -4
27 : #9c663a : -3
28 : #9c683a : -2
29 : #9c693a : -1
30 : #9c6b3a : ±0
31 : #9c6d3a : +1
32 : #9c6e3a : +2
33 : #9c703a : +3
34 : #9c723a : +4
35 : #9c733a : +5
36 : #9c753a : +6
37 : #9c773a : +7
38 : #9c783a : +8
39 : #9c7a3a : +9
40 : #9c7c3a : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -46
2 : #6d6b69 : -44
4 : #6f6b67 : -42
6 : #726b65 : -40
8 : #746b63 : -38
10 : #766b60 : -36
12 : #786b5e : -34
14 : #7a6b5c : -32
16 : #7c6b5a : -30
18 : #7e6b58 : -28
20 : #816b56 : -26
22 : #836b54 : -24
24 : #856b51 : -22
26 : #876b4f : -20
28 : #896b4d : -18
30 : #8b6b4b : -16
32 : #8d6b49 : -14
34 : #906b47 : -12
36 : #926b45 : -10
38 : #946b42 : -8
40 : #966b40 : -6
42 : #986b3e : -4
44 : #9a6b3c : -2
46 : #9c6b3a : ±0
48 : #9f6b38 : +2
50 : #a16b36 : +4
52 : #a36b33 : +6
54 : #a56b31 : +8
56 : #a76b2f : +10
58 : #a96b2d : +12
60 : #ab6b2b : +14
62 : #ae6b29 : +16
64 : #b06b27 : +18
66 : #b26b24 : +20
68 : #b46b22 : +22
70 : #b66b20 : +24
72 : #b86b1e : +26
74 : #ba6b1c : +28
76 : #bc6b1a : +30
78 : #bf6b18 : +32
80 : #c16b15 : +34
82 : #c36b13 : +36
84 : #c56b11 : +38
86 : #c76b0f : +40
88 : #c96b0d : +42
90 : #cb6b0b : +44
92 : #ce6b09 : +46
94 : #d06b06 : +48
96 : #d26b04 : +50
98 : #d46b02 : +52
100 : #d66b00 : +54
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #070503 : -40
4 : #0f0a06 : -38
6 : #160f08 : -36
8 : #1e140b : -34
10 : #251a0e : -32
12 : #2d1f11 : -30
14 : #342413 : -28
16 : #3c2916 : -26
18 : #432e19 : -24
20 : #4a331c : -22
22 : #52381e : -20
24 : #593d21 : -18
26 : #614224 : -16
28 : #684727 : -14
30 : #704d29 : -12
32 : #77522c : -10
34 : #7f572f : -8
36 : #865c32 : -6
38 : #8d6134 : -4
40 : #956637 : -2
42 : #9c6b3a : ±0
44 : #a4703d : +2
46 : #ab753f : +4
48 : #b37a42 : +6
50 : #ba8045 : +8
52 : #bd854c : +10
54 : #c08a54 : +12
56 : #c28f5b : +14
58 : #c59463 : +16
60 : #c8996a : +18
62 : #cb9e72 : +20
64 : #cda379 : +22
66 : #d0a880 : +24
68 : #d3ad88 : +26
70 : #d6b38f : +28
72 : #d8b897 : +30
74 : #dbbd9e : +32
76 : #dec2a6 : +34
78 : #e1c7ad : +36
80 : #e3ccb5 : +38
82 : #e6d1bc : +40
84 : #e9d6c3 : +42
86 : #ecdbcb : +44
88 : #eee0d2 : +46
90 : #f1e6da : +48
92 : #f4ebe1 : +50
94 : #f7f0e9 : +52
96 : #f9f5f0 : +54
98 : #fcfaf8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow