#a77f6c
RGB ( 赤 = 167, 緑 = 127, 青 = 108 )
HSL ( 色相 = 19°, 彩度 = 25%, 明度 = 54% )
H : 色相 ( 19° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #a7756c : -10
19 : #a77f6c : ±0
29 : #a7896c : +10
39 : #a7926c : +20
49 : #a79c6c : +30
59 : #a7a66c : +40
69 : #9ea76c : +50
79 : #94a76c : +60
89 : #8ba76c : +70
99 : #81a76c : +80
109 : #77a76c : +90
119 : #6da76c : +100
129 : #6ca775 : +110
139 : #6ca77f : +120
149 : #6ca789 : +130
159 : #6ca792 : +140
169 : #6ca79c : +150
179 : #6ca7a6 : +160
189 : #6c9ea7 : +170
199 : #6c94a7 : +180
209 : #6c8ba7 : +190
219 : #6c81a7 : +200
229 : #6c77a7 : +210
239 : #6c6da7 : +220
249 : #756ca7 : +230
259 : #7f6ca7 : +240
269 : #896ca7 : +250
279 : #926ca7 : +260
289 : #9c6ca7 : +270
299 : #a66ca7 : +280
309 : #a76c9e : +290
319 : #a76c94 : +300
329 : #a76c8b : +310
339 : #a76c81 : +320
349 : #a76c77 : +330
359 : #a76c6d : +340
9 : #a7756c : -10
10 : #a7766c : -9
11 : #a7776c : -8
12 : #a7786c : -7
13 : #a7796c : -6
14 : #a77a6c : -5
15 : #a77b6c : -4
16 : #a77c6c : -3
17 : #a77d6c : -2
18 : #a77e6c : -1
19 : #a77f6c : ±0
20 : #a7806c : +1
21 : #a7816c : +2
22 : #a7826c : +3
23 : #a7836c : +4
24 : #a7846c : +5
25 : #a7856c : +6
26 : #a7866c : +7
27 : #a7876c : +8
28 : #a7886c : +9
29 : #a7896c : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8989 : -24
3 : #8d8886 : -22
5 : #908884 : -20
7 : #928781 : -18
9 : #94867f : -16
11 : #97857d : -14
13 : #99847a : -12
15 : #9b8378 : -10
17 : #9e8276 : -8
19 : #a08273 : -6
21 : #a28171 : -4
23 : #a5806f : -2
25 : #a77f6c : ±0
27 : #a97e6a : +2
29 : #ac7d68 : +4
31 : #ae7c65 : +6
33 : #b07c63 : +8
35 : #b37b61 : +10
37 : #b57a5e : +12
39 : #b7795c : +14
41 : #ba785a : +16
43 : #bc7757 : +18
45 : #be7655 : +20
47 : #c17553 : +22
49 : #c37550 : +24
51 : #c6744e : +26
53 : #c8734c : +28
55 : #ca7249 : +30
57 : #cd7147 : +32
59 : #cf7044 : +34
61 : #d16f42 : +36
63 : #d46f40 : +38
65 : #d66e3d : +40
67 : #d86d3b : +42
69 : #db6c39 : +44
71 : #dd6b36 : +46
73 : #df6a34 : +48
75 : #e26932 : +50
77 : #e4692f : +52
79 : #e6682d : +54
81 : #e9672b : +56
83 : #eb6628 : +58
85 : #ed6526 : +60
87 : #f06424 : +62
89 : #f26321 : +64
91 : #f4631f : +66
93 : #f7621d : +68
95 : #f9611a : +70
97 : #fb6018 : +72
99 : #fe5f16 : +74
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #060504 : -52
4 : #0d0908 : -50
6 : #130e0b : -48
8 : #1a130f : -46
10 : #201713 : -44
12 : #261c17 : -42
14 : #2d201b : -40
16 : #33251f : -38
18 : #392a22 : -36
20 : #402e26 : -34
22 : #46332a : -32
24 : #4d382e : -30
26 : #533c32 : -28
28 : #594136 : -26
30 : #604539 : -24
32 : #664a3d : -22
34 : #6c4f41 : -20
36 : #735345 : -18
38 : #795849 : -16
40 : #805d4d : -14
42 : #866150 : -12
44 : #8c6654 : -10
46 : #936b58 : -8
48 : #996f5c : -6
50 : #9f7460 : -4
52 : #a37966 : -2
54 : #a77f6c : ±0
56 : #ab8573 : +2
58 : #af8a79 : +4
60 : #b39080 : +6
62 : #b69586 : +8
64 : #ba9b8c : +10
66 : #bea093 : +12
68 : #c2a699 : +14
70 : #c6ab9f : +16
72 : #c9b1a6 : +18
74 : #cdb7ac : +20
76 : #d1bcb3 : +22
78 : #d5c2b9 : +24
80 : #d9c7bf : +26
82 : #ddcdc6 : +28
84 : #e0d2cc : +30
86 : #e4d8d2 : +32
88 : #e8ded9 : +34
90 : #ece3df : +36
92 : #f0e9e6 : +38
94 : #f4eeec : +40
96 : #f7f4f2 : +42
98 : #fbf9f9 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow