#af9b77
RGB ( 赤 = 175, 緑 = 155, 青 = 119 )
HSL ( 色相 = 39°, 彩度 = 26%, 明度 = 58% )
H : 色相 ( 39° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #b08078 : -30
19 : #b08a78 : -20
29 : #b09378 : -10
39 : #b09c78 : ±0
49 : #b0a678 : +10
59 : #b0af78 : +20
69 : #a7b078 : +30
79 : #9eb078 : +40
89 : #95b078 : +50
99 : #8cb078 : +60
109 : #82b078 : +70
119 : #79b078 : +80
129 : #78b080 : +90
139 : #78b08a : +100
149 : #78b093 : +110
159 : #78b09c : +120
169 : #78b0a6 : +130
179 : #78b0af : +140
189 : #78a7b0 : +150
199 : #789eb0 : +160
209 : #7895b0 : +170
219 : #788cb0 : +180
229 : #7882b0 : +190
239 : #7879b0 : +200
249 : #8078b0 : +210
259 : #8a78b0 : +220
269 : #9378b0 : +230
279 : #9c78b0 : +240
289 : #a678b0 : +250
299 : #af78b0 : +260
309 : #b078a7 : +270
319 : #b0789e : +280
329 : #b07895 : +290
339 : #b0788c : +300
349 : #b07882 : +310
359 : #b07879 : +320
29 : #b09378 : -10
30 : #b09478 : -9
31 : #b09578 : -8
32 : #b09678 : -7
33 : #b09778 : -6
34 : #b09878 : -5
35 : #b09978 : -4
36 : #b09978 : -3
37 : #b09a78 : -2
38 : #b09b78 : -1
39 : #b09c78 : ±0
40 : #b09d78 : +1
41 : #b09e78 : +2
42 : #b09f78 : +3
43 : #b0a078 : +4
44 : #b0a178 : +5
45 : #b0a278 : +6
46 : #b0a378 : +7
47 : #b0a478 : +8
48 : #b0a578 : +9
49 : #b0a678 : +10
S : 彩度 ( 26% )
(0%) 渋い ～ 鮮やか (100%)
0 : #939393 : -26
2 : #969592 : -24
4 : #989590 : -22
6 : #9a968d : -20
8 : #9c968b : -18
10 : #9f9789 : -16
12 : #a19887 : -14
14 : #a39885 : -12
16 : #a59983 : -10
18 : #a79a81 : -8
20 : #a99a7e : -6
22 : #ab9b7c : -4
24 : #ae9c7a : -2
26 : #b09c78 : ±0
28 : #b29d76 : +2
30 : #b49e74 : +4
32 : #b69e72 : +6
34 : #b89f6f : +8
36 : #ba9f6d : +10
38 : #bda06b : +12
40 : #bfa169 : +14
42 : #c1a167 : +16
44 : #c3a265 : +18
46 : #c5a363 : +20
48 : #c7a360 : +22
50 : #c9a45e : +24
52 : #cca55c : +26
54 : #cea55a : +28
56 : #d0a658 : +30
58 : #d2a756 : +32
60 : #d4a754 : +34
62 : #d6a851 : +36
64 : #d8a84f : +38
66 : #dba94d : +40
68 : #ddaa4b : +42
70 : #dfaa49 : +44
72 : #e1ab47 : +46
74 : #e3ac45 : +48
76 : #e5ac43 : +50
78 : #e7ad40 : +52
80 : #eaae3e : +54
82 : #ecae3c : +56
84 : #eeaf3a : +58
86 : #f0b038 : +60
88 : #f2b036 : +62
90 : #f4b134 : +64
92 : #f6b131 : +66
94 : #f9b22f : +68
96 : #fbb32d : +70
98 : #fdb32b : +72
100 : #ffb429 : +74
L : 明度 ( 58% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -58
2 : #060504 : -56
4 : #0d0b08 : -54
6 : #13100b : -52
8 : #1a160f : -50
10 : #201b13 : -48
12 : #272117 : -46
14 : #2d261a : -44
16 : #332c1e : -42
18 : #3a3122 : -40
20 : #403726 : -38
22 : #473c2a : -36
24 : #4d422d : -34
26 : #544731 : -32
28 : #5a4d35 : -30
30 : #605239 : -28
32 : #67583c : -26
34 : #6d5d40 : -24
36 : #746344 : -22
38 : #7a6848 : -20
40 : #816e4b : -18
42 : #87734f : -16
44 : #8d7953 : -14
46 : #947e57 : -12
48 : #9a845b : -10
50 : #a1895e : -8
52 : #a48e65 : -6
54 : #a8936b : -4
56 : #ac9872 : -2
58 : #b09c78 : ±0
60 : #b4a17e : +2
62 : #b7a685 : +4
64 : #bbaa8b : +6
66 : #bfaf92 : +8
68 : #c3b498 : +10
70 : #c6b89f : +12
72 : #cabda5 : +14
74 : #cec2ab : +16
76 : #d2c7b2 : +18
78 : #d5cbb8 : +20
80 : #d9d0bf : +22
82 : #ddd5c5 : +24
84 : #e1d9cc : +26
86 : #e5ded2 : +28
88 : #e8e3d8 : +30
90 : #ece7df : +32
92 : #f0ece5 : +34
94 : #f4f1ec : +36
96 : #f7f6f2 : +38
98 : #fbfaf9 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow