#dc5668
RGB ( 赤 = 220, 緑 = 86, 青 = 104 )
HSL ( 色相 = 352°, 彩度 = 66%, 明度 = 60% )
H : 色相 ( 352° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #dc5a56 : -350
12 : #dc7156 : -340
22 : #dc8756 : -330
32 : #dc9d56 : -320
42 : #dcb456 : -310
52 : #dcca56 : -300
62 : #d8dc56 : -290
72 : #c1dc56 : -280
82 : #abdc56 : -270
92 : #95dc56 : -260
102 : #7edc56 : -250
112 : #68dc56 : -240
122 : #56dc5a : -230
132 : #56dc71 : -220
142 : #56dc87 : -210
152 : #56dc9d : -200
162 : #56dcb4 : -190
172 : #56dcca : -180
182 : #56d8dc : -170
192 : #56c1dc : -160
202 : #56abdc : -150
212 : #5695dc : -140
222 : #567edc : -130
232 : #5668dc : -120
242 : #5a56dc : -110
252 : #7156dc : -100
262 : #8756dc : -90
272 : #9d56dc : -80
282 : #b456dc : -70
292 : #ca56dc : -60
302 : #dc56d8 : -50
312 : #dc56c1 : -40
322 : #dc56ab : -30
332 : #dc5695 : -20
342 : #dc567e : -10
352 : #dc5668 : ±0
342 : #dc567e : -10
343 : #dc567c : -9
344 : #dc567a : -8
345 : #dc5677 : -7
346 : #dc5675 : -6
347 : #dc5673 : -5
348 : #dc5671 : -4
349 : #dc566e : -3
350 : #dc566c : -2
351 : #dc566a : -1
352 : #dc5668 : ±0
353 : #dc5665 : +1
354 : #dc5663 : +2
355 : #dc5661 : +3
356 : #dc565f : +4
357 : #dc565c : +5
358 : #dc565a : +6
359 : #dc5658 : +7
0 : #dc5656 : -352
1 : #dc5856 : -351
2 : #dc5a56 : -350
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -66
2 : #9b9798 : -64
4 : #9d9596 : -62
6 : #9f9395 : -60
8 : #a19193 : -58
10 : #a38f92 : -56
12 : #a58d90 : -54
14 : #a78b8f : -52
16 : #a9898d : -50
18 : #ab878c : -48
20 : #ad858a : -46
22 : #af8389 : -44
24 : #b18187 : -42
26 : #b47e86 : -40
28 : #b67c84 : -38
30 : #b87a83 : -36
32 : #ba7881 : -34
34 : #bc7680 : -32
36 : #be747e : -30
38 : #c0727d : -28
40 : #c2707b : -26
42 : #c46e7a : -24
44 : #c66c78 : -22
46 : #c86a77 : -20
48 : #ca6875 : -18
50 : #cc6674 : -16
52 : #ce6472 : -14
54 : #d06271 : -12
56 : #d2606f : -10
58 : #d45e6e : -8
60 : #d65c6c : -6
62 : #d85a6b : -4
64 : #da5869 : -2
66 : #dc5668 : ±0
68 : #de5466 : +2
70 : #e05265 : +4
72 : #e25063 : +6
74 : #e44e62 : +8
76 : #e74b60 : +10
78 : #e9495f : +12
80 : #eb475d : +14
82 : #ed455c : +16
84 : #ef435a : +18
86 : #f14159 : +20
88 : #f33f57 : +22
90 : #f53d56 : +24
92 : #f73b54 : +26
94 : #f93953 : +28
96 : #fb3751 : +30
98 : #fd3550 : +32
100 : #ff334e : +34
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #080203 : -58
4 : #110305 : -56
6 : #190508 : -54
8 : #22070b : -52
10 : #2a090d : -50
12 : #330a10 : -48
14 : #3b0c12 : -46
16 : #440e15 : -44
18 : #4c1018 : -42
20 : #55111a : -40
22 : #5d131d : -38
24 : #661520 : -36
26 : #6e1722 : -34
28 : #771825 : -32
30 : #7f1a27 : -30
32 : #871c2a : -28
34 : #901d2d : -26
36 : #981f2f : -24
38 : #a12132 : -22
40 : #a92335 : -20
42 : #b22437 : -18
44 : #ba263a : -16
46 : #c3283d : -14
48 : #cb2a3f : -12
50 : #d42b42 : -10
52 : #d53449 : -8
54 : #d73c51 : -6
56 : #d94558 : -4
58 : #db4d60 : -2
60 : #dc5668 : ±0
62 : #de5e6f : +2
64 : #e06777 : +4
66 : #e26f7e : +6
68 : #e37886 : +8
70 : #e5808d : +10
72 : #e78895 : +12
74 : #e8919d : +14
76 : #ea99a4 : +16
78 : #eca2ac : +18
80 : #eeaab3 : +20
82 : #efb3bb : +22
84 : #f1bbc2 : +24
86 : #f3c4ca : +26
88 : #f5ccd2 : +28
90 : #f6d5d9 : +30
92 : #f8dde1 : +32
94 : #fae6e8 : +34
96 : #fceef0 : +36
98 : #fdf7f7 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow