#af7f27
RGB ( 赤 = 175, 緑 = 127, 青 = 39 )
HSL ( 色相 = 39°, 彩度 = 64%, 明度 = 42% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #b03b27 : -30
19 : #b05227 : -20
29 : #b06927 : -10
39 : #b08027 : ±0
49 : #b09727 : +10
59 : #b0ad27 : +20
69 : #9bb027 : +30
79 : #84b027 : +40
89 : #6db027 : +50
99 : #57b027 : +60
109 : #40b027 : +70
119 : #29b027 : +80
129 : #27b03b : +90
139 : #27b052 : +100
149 : #27b069 : +110
159 : #27b080 : +120
169 : #27b097 : +130
179 : #27b0ad : +140
189 : #279bb0 : +150
199 : #2784b0 : +160
209 : #276db0 : +170
219 : #2757b0 : +180
229 : #2740b0 : +190
239 : #2729b0 : +200
249 : #3b27b0 : +210
259 : #5227b0 : +220
269 : #6927b0 : +230
279 : #8027b0 : +240
289 : #9727b0 : +250
299 : #ad27b0 : +260
309 : #b0279b : +270
319 : #b02784 : +280
329 : #b0276d : +290
339 : #b02757 : +300
349 : #b02740 : +310
359 : #b02729 : +320
29 : #b06927 : -10
30 : #b06b27 : -9
31 : #b06d27 : -8
32 : #b07027 : -7
33 : #b07227 : -6
34 : #b07427 : -5
35 : #b07727 : -4
36 : #b07927 : -3
37 : #b07b27 : -2
38 : #b07d27 : -1
39 : #b08027 : ±0
40 : #b08227 : +1
41 : #b08427 : +2
42 : #b08727 : +3
43 : #b08927 : +4
44 : #b08b27 : +5
45 : #b08d27 : +6
46 : #b09027 : +7
47 : #b09227 : +8
48 : #b09427 : +9
49 : #b09727 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -64
2 : #6d6c69 : -62
4 : #6f6c67 : -60
6 : #726d65 : -58
8 : #746e63 : -56
10 : #766e60 : -54
12 : #786f5e : -52
14 : #7a705c : -50
16 : #7c705a : -48
18 : #7e7158 : -46
20 : #817256 : -44
22 : #837254 : -42
24 : #857351 : -40
26 : #87734f : -38
28 : #89744d : -36
30 : #8b754b : -34
32 : #8d7549 : -32
34 : #907647 : -30
36 : #927745 : -28
38 : #947742 : -26
40 : #967840 : -24
42 : #98793e : -22
44 : #9a793c : -20
46 : #9c7a3a : -18
48 : #9f7b38 : -16
50 : #a17b36 : -14
52 : #a37c33 : -12
54 : #a57c31 : -10
56 : #a77d2f : -8
58 : #a97e2d : -6
60 : #ab7e2b : -4
62 : #ae7f29 : -2
64 : #b08027 : ±0
66 : #b28024 : +2
68 : #b48122 : +4
70 : #b68220 : +6
72 : #b8821e : +8
74 : #ba831c : +10
76 : #bc841a : +12
78 : #bf8418 : +14
80 : #c18515 : +16
82 : #c38513 : +18
84 : #c58611 : +20
86 : #c7870f : +22
88 : #c9870d : +24
90 : #cb880b : +26
92 : #ce8909 : +28
94 : #d08906 : +30
96 : #d28a04 : +32
98 : #d48b02 : +34
100 : #d68b00 : +36
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080602 : -40
4 : #110c04 : -38
6 : #191206 : -36
8 : #211807 : -34
10 : #2a1e09 : -32
12 : #32240b : -30
14 : #3b2b0d : -28
16 : #43310f : -26
18 : #4b3711 : -24
20 : #543d12 : -22
22 : #5c4314 : -20
24 : #644916 : -18
26 : #6d4f18 : -16
28 : #75551a : -14
30 : #7d5b1c : -12
32 : #86611d : -10
34 : #8e671f : -8
36 : #976d21 : -6
38 : #9f7423 : -4
40 : #a77a25 : -2
42 : #b08027 : ±0
44 : #b88628 : +2
46 : #c08c2a : +4
48 : #c9922c : +6
50 : #d1982e : +8
52 : #d39c36 : +10
54 : #d5a03f : +12
56 : #d7a447 : +14
58 : #d8a84f : +16
60 : #daad58 : +18
62 : #dcb160 : +20
64 : #deb568 : +22
66 : #e0b971 : +24
68 : #e2bd79 : +26
70 : #e3c182 : +28
72 : #e5c58a : +30
74 : #e7c992 : +32
76 : #e9ce9b : +34
78 : #ebd2a3 : +36
80 : #edd6ab : +38
82 : #eedab4 : +40
84 : #f0debc : +42
86 : #f2e2c4 : +44
88 : #f4e6cd : +46
90 : #f6ead5 : +48
92 : #f8efde : +50
94 : #f9f3e6 : +52
96 : #fbf7ee : +54
98 : #fdfbf7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow