#de54d0
RGB ( 赤 = 222, 緑 = 84, 青 = 208 )
HSL ( 色相 = 306°, 彩度 = 68%, 明度 = 60% )
H : 色相 ( 306° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #de6254 : -300
16 : #de7954 : -290
26 : #de9054 : -280
36 : #dea754 : -270
46 : #debe54 : -260
56 : #ded554 : -250
66 : #d0de54 : -240
76 : #b9de54 : -230
86 : #a2de54 : -220
96 : #8bde54 : -210
106 : #74de54 : -200
116 : #5dde54 : -190
126 : #54de62 : -180
136 : #54de79 : -170
146 : #54de90 : -160
156 : #54dea7 : -150
166 : #54debe : -140
176 : #54ded5 : -130
186 : #54d0de : -120
196 : #54b9de : -110
206 : #54a2de : -100
216 : #548bde : -90
226 : #5474de : -80
236 : #545dde : -70
246 : #6254de : -60
256 : #7954de : -50
266 : #9054de : -40
276 : #a754de : -30
286 : #be54de : -20
296 : #d554de : -10
306 : #de54d0 : ±0
316 : #de54b9 : +10
326 : #de54a2 : +20
336 : #de548b : +30
346 : #de5474 : +40
356 : #de545d : +50
296 : #d554de : -10
297 : #d754de : -9
298 : #da54de : -8
299 : #dc54de : -7
300 : #de54de : -6
301 : #de54dc : -5
302 : #de54da : -4
303 : #de54d7 : -3
304 : #de54d5 : -2
305 : #de54d3 : -1
306 : #de54d0 : ±0
307 : #de54ce : +1
308 : #de54cc : +2
309 : #de54ca : +3
310 : #de54c7 : +4
311 : #de54c5 : +5
312 : #de54c3 : +6
313 : #de54c0 : +7
314 : #de54be : +8
315 : #de54bc : +9
316 : #de54b9 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -68
2 : #9b979b : -66
4 : #9d959c : -64
6 : #9f939e : -62
8 : #a191a0 : -60
10 : #a38fa1 : -58
12 : #a58da3 : -56
14 : #a78ba4 : -54
16 : #a989a6 : -52
18 : #ab87a8 : -50
20 : #ad85a9 : -48
22 : #af83ab : -46
24 : #b181ad : -44
26 : #b47eae : -42
28 : #b67cb0 : -40
30 : #b87ab1 : -38
32 : #ba78b3 : -36
34 : #bc76b5 : -34
36 : #be74b6 : -32
38 : #c072b8 : -30
40 : #c270ba : -28
42 : #c46ebb : -26
44 : #c66cbd : -24
46 : #c86abf : -22
48 : #ca68c0 : -20
50 : #cc66c2 : -18
52 : #ce64c3 : -16
54 : #d062c5 : -14
56 : #d260c7 : -12
58 : #d45ec8 : -10
60 : #d65cca : -8
62 : #d85acc : -6
64 : #da58cd : -4
66 : #dc56cf : -2
68 : #de54d0 : ±0
70 : #e052d2 : +2
72 : #e250d4 : +4
74 : #e44ed5 : +6
76 : #e74bd7 : +8
78 : #e949d9 : +10
80 : #eb47da : +12
82 : #ed45dc : +14
84 : #ef43de : +16
86 : #f141df : +18
88 : #f33fe1 : +20
90 : #f53de2 : +22
92 : #f73be4 : +24
94 : #f939e6 : +26
96 : #fb37e7 : +28
98 : #fd35e9 : +30
100 : #ff33eb : +32
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #090208 : -58
4 : #110310 : -56
6 : #1a0518 : -54
8 : #22071f : -52
10 : #2b0827 : -50
12 : #330a2f : -48
14 : #3c0b37 : -46
16 : #450d3f : -44
18 : #4d0f47 : -42
20 : #56104f : -40
22 : #5e1257 : -38
24 : #67145e : -36
26 : #6f1566 : -34
28 : #78176e : -32
30 : #811876 : -30
32 : #891a7e : -28
34 : #921c86 : -26
36 : #9a1d8e : -24
38 : #a31f96 : -22
40 : #ab219d : -20
42 : #b422a5 : -18
44 : #bc24ad : -16
46 : #c526b5 : -14
48 : #ce27bd : -12
50 : #d629c5 : -10
52 : #d831c7 : -8
54 : #d93aca : -6
56 : #db43cc : -4
58 : #dd4bce : -2
60 : #de54d0 : ±0
62 : #e05cd3 : +2
64 : #e265d5 : +4
66 : #e36dd7 : +6
68 : #e576da : +8
70 : #e77edc : +10
72 : #e887de : +12
74 : #ea90e1 : +14
76 : #eb98e3 : +16
78 : #eda1e5 : +18
80 : #efa9e8 : +20
82 : #f0b2ea : +22
84 : #f2baec : +24
86 : #f4c3ef : +26
88 : #f5ccf1 : +28
90 : #f7d4f3 : +30
92 : #f8ddf6 : +32
94 : #fae5f8 : +34
96 : #fceefa : +36
98 : #fdf6fd : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow