#dd4060
RGB ( 赤 = 221, 緑 = 64, 青 = 96 )
HSL ( 色相 = 348°, 彩度 = 70%, 明度 = 56% )
H : 色相 ( 348° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #dd5540 : -340
18 : #dd6f40 : -330
28 : #dd8a40 : -320
38 : #dda440 : -310
48 : #ddbe40 : -300
58 : #ddd840 : -290
68 : #c8dd40 : -280
78 : #aedd40 : -270
88 : #94dd40 : -260
98 : #7add40 : -250
108 : #60dd40 : -240
118 : #45dd40 : -230
128 : #40dd55 : -220
138 : #40dd6f : -210
148 : #40dd8a : -200
158 : #40dda4 : -190
168 : #40ddbe : -180
178 : #40ddd8 : -170
188 : #40c8dd : -160
198 : #40aedd : -150
208 : #4094dd : -140
218 : #407add : -130
228 : #4060dd : -120
238 : #4045dd : -110
248 : #5540dd : -100
258 : #6f40dd : -90
268 : #8a40dd : -80
278 : #a440dd : -70
288 : #be40dd : -60
298 : #d840dd : -50
308 : #dd40c8 : -40
318 : #dd40ae : -30
328 : #dd4094 : -20
338 : #dd407a : -10
348 : #dd4060 : ±0
358 : #dd4045 : +10
338 : #dd407a : -10
339 : #dd4077 : -9
340 : #dd4075 : -8
341 : #dd4072 : -7
342 : #dd406f : -6
343 : #dd406d : -5
344 : #dd406a : -4
345 : #dd4068 : -3
346 : #dd4065 : -2
347 : #dd4062 : -1
348 : #dd4060 : ±0
349 : #dd405d : +1
350 : #dd405a : +2
351 : #dd4058 : +3
352 : #dd4055 : +4
353 : #dd4053 : +5
354 : #dd4050 : +6
355 : #dd404d : +7
356 : #dd404b : +8
357 : #dd4048 : +9
358 : #dd4045 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -70
2 : #918d8d : -68
4 : #938a8c : -66
6 : #96888b : -64
8 : #988689 : -62
10 : #9a8488 : -60
12 : #9c8187 : -58
14 : #9f7f85 : -56
16 : #a17d84 : -54
18 : #a37b83 : -52
20 : #a57881 : -50
22 : #a77680 : -48
24 : #aa747f : -46
26 : #ac727d : -44
28 : #ae6f7c : -42
30 : #b06d7b : -40
32 : #b36b79 : -38
34 : #b56978 : -36
36 : #b76677 : -34
38 : #b96475 : -32
40 : #bc6274 : -30
42 : #be6073 : -28
44 : #c05d71 : -26
46 : #c25b70 : -24
48 : #c5596e : -22
50 : #c7576d : -20
52 : #c9546c : -18
54 : #cb526a : -16
56 : #ce5069 : -14
58 : #d04e68 : -12
60 : #d24b66 : -10
62 : #d44965 : -8
64 : #d74764 : -6
66 : #d94562 : -4
68 : #db4361 : -2
70 : #dd4060 : ±0
72 : #e03e5e : +2
74 : #e23c5d : +4
76 : #e43a5c : +6
78 : #e6375a : +8
80 : #e93559 : +10
82 : #eb3358 : +12
84 : #ed3156 : +14
86 : #ef2e55 : +16
88 : #f22c54 : +18
90 : #f42a52 : +20
92 : #f62851 : +22
94 : #f82550 : +24
96 : #fb234e : +26
98 : #fd214d : +28
100 : #ff1f4b : +30
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090203 : -54
4 : #110306 : -52
6 : #1a0509 : -50
8 : #23060c : -48
10 : #2b080f : -46
12 : #340912 : -44
14 : #3d0b15 : -42
16 : #450c18 : -40
18 : #4e0e1b : -38
20 : #570f1e : -36
22 : #5f1121 : -34
24 : #681223 : -32
26 : #711426 : -30
28 : #791529 : -28
30 : #82172c : -26
32 : #8b182f : -24
34 : #931a32 : -22
36 : #9c1c35 : -20
38 : #a51d38 : -18
40 : #ad1f3b : -16
42 : #b6203e : -14
44 : #bf2241 : -12
46 : #c72344 : -10
48 : #d02547 : -8
50 : #d9264a : -6
52 : #da2f51 : -4
54 : #dc3858 : -2
56 : #dd4060 : ±0
58 : #df4967 : +2
60 : #e0526e : +4
62 : #e25a75 : +6
64 : #e3637d : +8
66 : #e56c84 : +10
68 : #e7748b : +12
70 : #e87d92 : +14
72 : #ea869a : +16
74 : #eb8ea1 : +18
76 : #ed97a8 : +20
78 : #eea0af : +22
80 : #f0a8b7 : +24
82 : #f1b1be : +26
84 : #f3bac5 : +28
86 : #f4c2cc : +30
88 : #f6cbd4 : +32
90 : #f7d4db : +34
92 : #f9dce2 : +36
94 : #fae5e9 : +38
96 : #fceef1 : +40
98 : #fdf6f8 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow