#9a8f65
RGB ( 赤 = 154, 緑 = 143, 青 = 101 )
HSL ( 色相 = 48°, 彩度 = 21%, 明度 = 50% )
H : 色相 ( 48° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #9a6c65 : -40
18 : #9a7565 : -30
28 : #9a7e65 : -20
38 : #9a8765 : -10
48 : #9a9065 : ±0
58 : #9a9865 : +10
68 : #939a65 : +20
78 : #8a9a65 : +30
88 : #819a65 : +40
98 : #789a65 : +50
108 : #6f9a65 : +60
118 : #679a65 : +70
128 : #659a6c : +80
138 : #659a75 : +90
148 : #659a7e : +100
158 : #659a87 : +110
168 : #659a90 : +120
178 : #659a98 : +130
188 : #65939a : +140
198 : #658a9a : +150
208 : #65819a : +160
218 : #65789a : +170
228 : #656f9a : +180
238 : #65679a : +190
248 : #6c659a : +200
258 : #75659a : +210
268 : #7e659a : +220
278 : #87659a : +230
288 : #90659a : +240
298 : #98659a : +250
308 : #9a6593 : +260
318 : #9a658a : +270
328 : #9a6581 : +280
338 : #9a6578 : +290
348 : #9a656f : +300
358 : #9a6567 : +310
38 : #9a8765 : -10
39 : #9a8865 : -9
40 : #9a8865 : -8
41 : #9a8965 : -7
42 : #9a8a65 : -6
43 : #9a8b65 : -5
44 : #9a8c65 : -4
45 : #9a8d65 : -3
46 : #9a8e65 : -2
47 : #9a8f65 : -1
48 : #9a9065 : ±0
49 : #9a9065 : +1
50 : #9a9165 : +2
51 : #9a9265 : +3
52 : #9a9365 : +4
53 : #9a9465 : +5
54 : #9a9565 : +6
55 : #9a9665 : +7
56 : #9a9765 : +8
57 : #9a9865 : +9
58 : #9a9865 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #81807e : -20
3 : #83827c : -18
5 : #868379 : -16
7 : #888577 : -14
9 : #8b8674 : -12
11 : #8e8871 : -10
13 : #90896f : -8
15 : #938b6c : -6
17 : #958d6a : -4
19 : #988e67 : -2
21 : #9a9065 : ±0
23 : #9d9162 : +2
25 : #9f9360 : +4
27 : #a2945d : +6
29 : #a4965b : +8
31 : #a79758 : +10
33 : #aa9955 : +12
35 : #ac9a53 : +14
37 : #af9c50 : +16
39 : #b19d4e : +18
41 : #b49f4b : +20
43 : #b6a049 : +22
45 : #b9a246 : +24
47 : #bba344 : +26
49 : #bea541 : +28
51 : #c1a73e : +30
53 : #c3a83c : +32
55 : #c6aa39 : +34
57 : #c8ab37 : +36
59 : #cbad34 : +38
61 : #cdae32 : +40
63 : #d0b02f : +42
65 : #d2b12d : +44
67 : #d5b32a : +46
69 : #d7b428 : +48
71 : #dab625 : +50
73 : #ddb722 : +52
75 : #dfb920 : +54
77 : #e2ba1d : +56
79 : #e4bc1b : +58
81 : #e7bd18 : +60
83 : #e9bf16 : +62
85 : #ecc113 : +64
87 : #eec211 : +66
89 : #f1c40e : +68
91 : #f4c50b : +70
93 : #f6c709 : +72
95 : #f9c806 : +74
97 : #fbca04 : +76
99 : #fecb01 : +78
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #060604 : -48
4 : #0c0b08 : -46
6 : #13110c : -44
8 : #191710 : -42
10 : #1f1d14 : -40
12 : #252218 : -38
14 : #2b281c : -36
16 : #312e20 : -34
18 : #383424 : -32
20 : #3e3928 : -30
22 : #443f2c : -28
24 : #4a4530 : -26
26 : #504b34 : -24
28 : #565038 : -22
30 : #5d563c : -20
32 : #635c40 : -18
34 : #696244 : -16
36 : #6f6749 : -14
38 : #756d4d : -12
40 : #7b7351 : -10
42 : #827955 : -8
44 : #887e59 : -6
46 : #8e845d : -4
48 : #948a61 : -2
50 : #9a9065 : ±0
52 : #9e946b : +2
54 : #a29871 : +4
56 : #a69d77 : +6
58 : #aaa17d : +8
60 : #aea684 : +10
62 : #b2aa8a : +12
64 : #b6af90 : +14
66 : #bbb396 : +16
68 : #bfb89c : +18
70 : #c3bca2 : +20
72 : #c7c1a9 : +22
74 : #cbc5af : +24
76 : #cfcab5 : +26
78 : #d3cebb : +28
80 : #d7d2c1 : +30
82 : #dbd7c7 : +32
84 : #dfdbce : +34
86 : #e3e0d4 : +36
88 : #e7e4da : +38
90 : #ebe9e0 : +40
92 : #efede6 : +42
94 : #f3f2ec : +44
96 : #f7f6f3 : +46
98 : #fbfbf9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow