#af6631
RGB ( 赤 = 175, 緑 = 102, 青 = 49 )
HSL ( 色相 = 25°, 彩度 = 56%, 明度 = 44% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #af3c31 : -20
15 : #af5131 : -10
25 : #af6631 : ±0
35 : #af7b31 : +10
45 : #af9031 : +20
55 : #afa531 : +30
65 : #a5af31 : +40
75 : #90af31 : +50
85 : #7baf31 : +60
95 : #66af31 : +70
105 : #51af31 : +80
115 : #3caf31 : +90
125 : #31af3c : +100
135 : #31af51 : +110
145 : #31af66 : +120
155 : #31af7b : +130
165 : #31af90 : +140
175 : #31afa5 : +150
185 : #31a5af : +160
195 : #3190af : +170
205 : #317baf : +180
215 : #3166af : +190
225 : #3151af : +200
235 : #313caf : +210
245 : #3c31af : +220
255 : #5131af : +230
265 : #6631af : +240
275 : #7b31af : +250
285 : #9031af : +260
295 : #a531af : +270
305 : #af31a5 : +280
315 : #af3190 : +290
325 : #af317b : +300
335 : #af3166 : +310
345 : #af3151 : +320
355 : #af313c : +330
15 : #af5131 : -10
16 : #af5331 : -9
17 : #af5531 : -8
18 : #af5731 : -7
19 : #af5931 : -6
20 : #af5b31 : -5
21 : #af5d31 : -4
22 : #af5f31 : -3
23 : #af6231 : -2
24 : #af6431 : -1
25 : #af6631 : ±0
26 : #af6831 : +1
27 : #af6a31 : +2
28 : #af6c31 : +3
29 : #af6e31 : +4
30 : #af7031 : +5
31 : #af7231 : +6
32 : #af7431 : +7
33 : #af7631 : +8
34 : #af7931 : +9
35 : #af7b31 : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -56
2 : #72706e : -54
4 : #756f6c : -52
6 : #776f69 : -50
8 : #796f67 : -48
10 : #7b6e65 : -46
12 : #7e6e63 : -44
14 : #806e60 : -42
16 : #826d5e : -40
18 : #846d5c : -38
20 : #876c5a : -36
22 : #896c58 : -34
24 : #8b6c55 : -32
26 : #8d6b53 : -30
28 : #906b51 : -28
30 : #926b4f : -26
32 : #946a4c : -24
34 : #966a4a : -22
36 : #996948 : -20
38 : #9b6946 : -18
40 : #9d6943 : -16
42 : #9f6841 : -14
44 : #a2683f : -12
46 : #a4683d : -10
48 : #a6673a : -8
50 : #a86738 : -6
52 : #ab6636 : -4
54 : #ad6634 : -2
56 : #af6631 : ±0
58 : #b1652f : +2
60 : #b4652d : +4
62 : #b6652b : +6
64 : #b86428 : +8
66 : #ba6426 : +10
68 : #bc6324 : +12
70 : #bf6322 : +14
72 : #c1631f : +16
74 : #c3621d : +18
76 : #c5621b : +20
78 : #c86219 : +22
80 : #ca6116 : +24
82 : #cc6114 : +26
84 : #ce6012 : +28
86 : #d16010 : +30
88 : #d3600d : +32
90 : #d55f0b : +34
92 : #d75f09 : +36
94 : #da5f07 : +38
96 : #dc5e04 : +40
98 : #de5e02 : +42
100 : #e05e00 : +44
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #080502 : -42
4 : #100904 : -40
6 : #180e07 : -38
8 : #201209 : -36
10 : #28170b : -34
12 : #301c0d : -32
14 : #382010 : -30
16 : #402512 : -28
18 : #482a14 : -26
20 : #502e16 : -24
22 : #583319 : -22
24 : #5f371b : -20
26 : #673c1d : -18
28 : #6f411f : -16
30 : #774522 : -14
32 : #7f4a24 : -12
34 : #874f26 : -10
36 : #8f5328 : -8
38 : #97582b : -6
40 : #9f5c2d : -4
42 : #a7612f : -2
44 : #af6631 : ±0
46 : #b76a34 : +2
48 : #bf6f36 : +4
50 : #c77438 : +6
52 : #c97940 : +8
54 : #cb7f48 : +10
56 : #ce8450 : +12
58 : #d08a58 : +14
60 : #d28f60 : +16
62 : #d49568 : +18
64 : #d79b70 : +20
66 : #d9a078 : +22
68 : #dba680 : +24
70 : #ddab88 : +26
72 : #e0b190 : +28
74 : #e2b798 : +30
76 : #e4bca0 : +32
78 : #e6c2a7 : +34
80 : #e9c7af : +36
82 : #ebcdb7 : +38
84 : #edd2bf : +40
86 : #efd8c7 : +42
88 : #f2decf : +44
90 : #f4e3d7 : +46
92 : #f6e9df : +48
94 : #f8eee7 : +50
96 : #fbf4ef : +52
98 : #fdf9f7 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow