#af8d28
RGB ( 赤 = 175, 緑 = 141, 青 = 40 )
HSL ( 色相 = 45°, 彩度 = 63%, 明度 = 42% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #af3328 : -40
15 : #af4928 : -30
25 : #af6028 : -20
35 : #af7628 : -10
45 : #af8d28 : ±0
55 : #afa328 : +10
65 : #a3af28 : +20
75 : #8daf28 : +30
85 : #76af28 : +40
95 : #60af28 : +50
105 : #49af28 : +60
115 : #33af28 : +70
125 : #28af33 : +80
135 : #28af49 : +90
145 : #28af60 : +100
155 : #28af76 : +110
165 : #28af8d : +120
175 : #28afa3 : +130
185 : #28a3af : +140
195 : #288daf : +150
205 : #2876af : +160
215 : #2860af : +170
225 : #2849af : +180
235 : #2833af : +190
245 : #3328af : +200
255 : #4928af : +210
265 : #6028af : +220
275 : #7628af : +230
285 : #8d28af : +240
295 : #a328af : +250
305 : #af28a3 : +260
315 : #af288d : +270
325 : #af2876 : +280
335 : #af2860 : +290
345 : #af2849 : +300
355 : #af2833 : +310
35 : #af7628 : -10
36 : #af7928 : -9
37 : #af7b28 : -8
38 : #af7d28 : -7
39 : #af7f28 : -6
40 : #af8228 : -5
41 : #af8428 : -4
42 : #af8628 : -3
43 : #af8828 : -2
44 : #af8b28 : -1
45 : #af8d28 : ±0
46 : #af8f28 : +1
47 : #af9128 : +2
48 : #af9428 : +3
49 : #af9628 : +4
50 : #af9828 : +5
51 : #af9a28 : +6
52 : #af9d28 : +7
53 : #af9f28 : +8
54 : #afa128 : +9
55 : #afa328 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6c6a : -62
3 : #6e6d68 : -60
5 : #706e66 : -58
7 : #736f64 : -56
9 : #757061 : -54
11 : #77715f : -52
13 : #79725d : -50
15 : #7b735b : -48
17 : #7d7459 : -46
19 : #7f7557 : -44
21 : #827655 : -42
23 : #847752 : -40
25 : #867850 : -38
27 : #887a4e : -36
29 : #8a7b4c : -34
31 : #8c7c4a : -32
33 : #8e7d48 : -30
35 : #917e46 : -28
37 : #937f43 : -26
39 : #958041 : -24
41 : #97813f : -22
43 : #99823d : -20
45 : #9b833b : -18
47 : #9d8439 : -16
49 : #a08537 : -14
51 : #a28634 : -12
53 : #a48732 : -10
55 : #a68930 : -8
57 : #a88a2e : -6
59 : #aa8b2c : -4
61 : #ac8c2a : -2
63 : #af8d28 : ±0
65 : #b18e25 : +2
67 : #b38f23 : +4
69 : #b59021 : +6
71 : #b7911f : +8
73 : #b9921d : +10
75 : #bb931b : +12
77 : #be9419 : +14
79 : #c09516 : +16
81 : #c29614 : +18
83 : #c49812 : +20
85 : #c69910 : +22
87 : #c89a0e : +24
89 : #ca9b0c : +26
91 : #cd9c0a : +28
93 : #cf9d07 : +30
95 : #d19e05 : +32
97 : #d39f03 : +34
99 : #d5a001 : +36
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #080702 : -40
4 : #110d04 : -38
6 : #191406 : -36
8 : #211b08 : -34
10 : #2a2209 : -32
12 : #32280b : -30
14 : #3a2f0d : -28
16 : #43360f : -26
18 : #4b3c11 : -24
20 : #534313 : -22
22 : #5b4a15 : -20
24 : #645017 : -18
26 : #6c5719 : -16
28 : #745e1a : -14
30 : #7d651c : -12
32 : #856b1e : -10
34 : #8d7220 : -8
36 : #967922 : -6
38 : #9e7f24 : -4
40 : #a68626 : -2
42 : #af8d28 : ±0
44 : #b7942a : +2
46 : #bf9a2b : +4
48 : #c8a12d : +6
50 : #d0a82f : +8
52 : #d2ab37 : +10
54 : #d4af40 : +12
56 : #d5b248 : +14
58 : #d7b650 : +16
60 : #d9b959 : +18
62 : #dbbd61 : +20
64 : #ddc069 : +22
66 : #dfc472 : +24
68 : #e1c77a : +26
70 : #e3cb82 : +28
72 : #e5ce8b : +30
74 : #e6d293 : +32
76 : #e8d59b : +34
78 : #ead9a4 : +36
80 : #ecdcac : +38
82 : #eee0b4 : +40
84 : #f0e3bc : +42
86 : #f2e7c5 : +44
88 : #f4eacd : +46
90 : #f6eed5 : +48
92 : #f7f1de : +50
94 : #f9f5e6 : +52
96 : #fbf8ee : +54
98 : #fdfcf7 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow