#de9e54
RGB ( 赤 = 222, 緑 = 158, 青 = 84 )
HSL ( 色相 = 32°, 彩度 = 68%, 明度 = 60% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #de5854 : -30
12 : #de6f54 : -20
22 : #de8754 : -10
32 : #de9e54 : ±0
42 : #deb554 : +10
52 : #decc54 : +20
62 : #dade54 : +30
72 : #c3de54 : +40
82 : #abde54 : +50
92 : #94de54 : +60
102 : #7dde54 : +70
112 : #66de54 : +80
122 : #54de58 : +90
132 : #54de6f : +100
142 : #54de87 : +110
152 : #54de9e : +120
162 : #54deb5 : +130
172 : #54decc : +140
182 : #54dade : +150
192 : #54c3de : +160
202 : #54abde : +170
212 : #5494de : +180
222 : #547dde : +190
232 : #5466de : +200
242 : #5854de : +210
252 : #6f54de : +220
262 : #8754de : +230
272 : #9e54de : +240
282 : #b554de : +250
292 : #cc54de : +260
302 : #de54da : +270
312 : #de54c3 : +280
322 : #de54ab : +290
332 : #de5494 : +300
342 : #de547d : +310
352 : #de5466 : +320
22 : #de8754 : -10
23 : #de8954 : -9
24 : #de8b54 : -8
25 : #de8d54 : -7
26 : #de9054 : -6
27 : #de9254 : -5
28 : #de9454 : -4
29 : #de9754 : -3
30 : #de9954 : -2
31 : #de9b54 : -1
32 : #de9e54 : ±0
33 : #dea054 : +1
34 : #dea254 : +2
35 : #dea554 : +3
36 : #dea754 : +4
37 : #dea954 : +5
38 : #deab54 : +6
39 : #deae54 : +7
40 : #deb054 : +8
41 : #deb254 : +9
42 : #deb554 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -68
2 : #9b9997 : -66
4 : #9d9995 : -64
6 : #9f9993 : -62
8 : #a19a91 : -60
10 : #a39a8f : -58
12 : #a59a8d : -56
14 : #a79a8b : -54
16 : #a99a89 : -52
18 : #ab9a87 : -50
20 : #ad9a85 : -48
22 : #af9a83 : -46
24 : #b19b81 : -44
26 : #b49b7e : -42
28 : #b69b7c : -40
30 : #b89b7a : -38
32 : #ba9b78 : -36
34 : #bc9b76 : -34
36 : #be9b74 : -32
38 : #c09c72 : -30
40 : #c29c70 : -28
42 : #c49c6e : -26
44 : #c69c6c : -24
46 : #c89c6a : -22
48 : #ca9c68 : -20
50 : #cc9c66 : -18
52 : #ce9d64 : -16
54 : #d09d62 : -14
56 : #d29d60 : -12
58 : #d49d5e : -10
60 : #d69d5c : -8
62 : #d89d5a : -6
64 : #da9d58 : -4
66 : #dc9d56 : -2
68 : #de9e54 : ±0
70 : #e09e52 : +2
72 : #e29e50 : +4
74 : #e49e4e : +6
76 : #e79e4b : +8
78 : #e99e49 : +10
80 : #eb9e47 : +12
82 : #ed9f45 : +14
84 : #ef9f43 : +16
86 : #f19f41 : +18
88 : #f39f3f : +20
90 : #f59f3d : +22
92 : #f79f3b : +24
94 : #f99f39 : +26
96 : #fba037 : +28
98 : #fda035 : +30
100 : #ffa033 : +32
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #090502 : -58
4 : #110b03 : -56
6 : #1a1005 : -54
8 : #221507 : -52
10 : #2b1b08 : -50
12 : #33200a : -48
14 : #3c250b : -46
16 : #452b0d : -44
18 : #4d300f : -42
20 : #563510 : -40
22 : #5e3b12 : -38
24 : #674014 : -36
26 : #6f4515 : -34
28 : #784b17 : -32
30 : #815018 : -30
32 : #89551a : -28
34 : #925b1c : -26
36 : #9a601d : -24
38 : #a3651f : -22
40 : #ab6b21 : -20
42 : #b47022 : -18
44 : #bc7524 : -16
46 : #c57b26 : -14
48 : #ce8027 : -12
50 : #d68529 : -10
52 : #d88a31 : -8
54 : #d98f3a : -6
56 : #db9443 : -4
58 : #dd994b : -2
60 : #de9e54 : ±0
62 : #e0a25c : +2
64 : #e2a765 : +4
66 : #e3ac6d : +6
68 : #e5b176 : +8
70 : #e7b67e : +10
72 : #e8bb87 : +12
74 : #eac090 : +14
76 : #ebc598 : +16
78 : #edc9a1 : +18
80 : #efcea9 : +20
82 : #f0d3b2 : +22
84 : #f2d8ba : +24
86 : #f4ddc3 : +26
88 : #f5e2cc : +28
90 : #f7e7d4 : +30
92 : #f8ecdd : +32
94 : #faf0e5 : +34
96 : #fcf5ee : +36
98 : #fdfaf6 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow