#a77e6c
RGB ( 赤 = 167, 緑 = 126, 青 = 108 )
HSL ( 色相 = 18°, 彩度 = 25%, 明度 = 54% )
H : 色相 ( 18° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a7746c : -10
18 : #a77e6c : ±0
28 : #a7886c : +10
38 : #a7926c : +20
48 : #a79b6c : +30
58 : #a7a56c : +40
68 : #9fa76c : +50
78 : #95a76c : +60
88 : #8ca76c : +70
98 : #82a76c : +80
108 : #78a76c : +90
118 : #6ea76c : +100
128 : #6ca774 : +110
138 : #6ca77e : +120
148 : #6ca788 : +130
158 : #6ca792 : +140
168 : #6ca79b : +150
178 : #6ca7a5 : +160
188 : #6c9fa7 : +170
198 : #6c95a7 : +180
208 : #6c8ca7 : +190
218 : #6c82a7 : +200
228 : #6c78a7 : +210
238 : #6c6ea7 : +220
248 : #746ca7 : +230
258 : #7e6ca7 : +240
268 : #886ca7 : +250
278 : #926ca7 : +260
288 : #9b6ca7 : +270
298 : #a56ca7 : +280
308 : #a76c9f : +290
318 : #a76c95 : +300
328 : #a76c8c : +310
338 : #a76c82 : +320
348 : #a76c78 : +330
358 : #a76c6e : +340
8 : #a7746c : -10
9 : #a7756c : -9
10 : #a7766c : -8
11 : #a7776c : -7
12 : #a7786c : -6
13 : #a7796c : -5
14 : #a77a6c : -4
15 : #a77b6c : -3
16 : #a77c6c : -2
17 : #a77d6c : -1
18 : #a77e6c : ±0
19 : #a77f6c : +1
20 : #a7806c : +2
21 : #a7816c : +3
22 : #a7826c : +4
23 : #a7836c : +5
24 : #a7846c : +6
25 : #a7856c : +7
26 : #a7866c : +8
27 : #a7876c : +9
28 : #a7886c : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8989 : -24
3 : #8d8886 : -22
5 : #908784 : -20
7 : #928681 : -18
9 : #94857f : -16
11 : #97857d : -14
13 : #99847a : -12
15 : #9b8378 : -10
17 : #9e8276 : -8
19 : #a08173 : -6
21 : #a28071 : -4
23 : #a57f6f : -2
25 : #a77e6c : ±0
27 : #a97d6a : +2
29 : #ac7c68 : +4
31 : #ae7b65 : +6
33 : #b07a63 : +8
35 : #b37961 : +10
37 : #b5785e : +12
39 : #b7775c : +14
41 : #ba765a : +16
43 : #bc7657 : +18
45 : #be7555 : +20
47 : #c17453 : +22
49 : #c37350 : +24
51 : #c6724e : +26
53 : #c8714c : +28
55 : #ca7049 : +30
57 : #cd6f47 : +32
59 : #cf6e44 : +34
61 : #d16d42 : +36
63 : #d46c40 : +38
65 : #d66b3d : +40
67 : #d86a3b : +42
69 : #db6939 : +44
71 : #dd6836 : +46
73 : #df6734 : +48
75 : #e26732 : +50
77 : #e4662f : +52
79 : #e6652d : +54
81 : #e9642b : +56
83 : #eb6328 : +58
85 : #ed6226 : +60
87 : #f06124 : +62
89 : #f26021 : +64
91 : #f45f1f : +66
93 : #f75e1d : +68
95 : #f95d1a : +70
97 : #fb5c18 : +72
99 : #fe5b16 : +74
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #060504 : -52
4 : #0d0908 : -50
6 : #130e0b : -48
8 : #1a120f : -46
10 : #201713 : -44
12 : #261c17 : -42
14 : #2d201b : -40
16 : #33251f : -38
18 : #392922 : -36
20 : #402e26 : -34
22 : #46322a : -32
24 : #4d372e : -30
26 : #533c32 : -28
28 : #594036 : -26
30 : #604539 : -24
32 : #66493d : -22
34 : #6c4e41 : -20
36 : #735345 : -18
38 : #795749 : -16
40 : #805c4d : -14
42 : #866050 : -12
44 : #8c6554 : -10
46 : #936a58 : -8
48 : #996e5c : -6
50 : #9f7360 : -4
52 : #a37866 : -2
54 : #a77e6c : ±0
56 : #ab8473 : +2
58 : #af8979 : +4
60 : #b38f80 : +6
62 : #b69486 : +8
64 : #ba9a8c : +10
66 : #bea093 : +12
68 : #c2a599 : +14
70 : #c6ab9f : +16
72 : #c9b0a6 : +18
74 : #cdb6ac : +20
76 : #d1bcb3 : +22
78 : #d5c1b9 : +24
80 : #d9c7bf : +26
82 : #ddcdc6 : +28
84 : #e0d2cc : +30
86 : #e4d8d2 : +32
88 : #e8ddd9 : +34
90 : #ece3df : +36
92 : #f0e9e6 : +38
94 : #f4eeec : +40
96 : #f7f4f2 : +42
98 : #fbf9f9 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow