#dc0421
RGB ( 赤 = 220, 緑 = 4, 青 = 33 )
HSL ( 色相 = 352°, 彩度 = 96%, 明度 = 44% )
H : 色相 ( 352° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #dc0c04 : -350
12 : #dc3004 : -340
22 : #dc5304 : -330
32 : #dc7704 : -320
42 : #dc9b04 : -310
52 : #dcbf04 : -300
62 : #d5dc04 : -290
72 : #b1dc04 : -280
82 : #8ddc04 : -270
92 : #69dc04 : -260
102 : #45dc04 : -250
112 : #21dc04 : -240
122 : #04dc0c : -230
132 : #04dc30 : -220
142 : #04dc53 : -210
152 : #04dc77 : -200
162 : #04dc9b : -190
172 : #04dcbf : -180
182 : #04d5dc : -170
192 : #04b1dc : -160
202 : #048ddc : -150
212 : #0469dc : -140
222 : #0445dc : -130
232 : #0421dc : -120
242 : #0c04dc : -110
252 : #3004dc : -100
262 : #5304dc : -90
272 : #7704dc : -80
282 : #9b04dc : -70
292 : #bf04dc : -60
302 : #dc04d5 : -50
312 : #dc04b1 : -40
322 : #dc048d : -30
332 : #dc0469 : -20
342 : #dc0445 : -10
352 : #dc0421 : ±0
342 : #dc0445 : -10
343 : #dc0442 : -9
344 : #dc043e : -8
345 : #dc043a : -7
346 : #dc0437 : -6
347 : #dc0433 : -5
348 : #dc0430 : -4
349 : #dc042c : -3
350 : #dc0428 : -2
351 : #dc0425 : -1
352 : #dc0421 : ±0
353 : #dc041e : +1
354 : #dc041a : +2
355 : #dc0416 : +3
356 : #dc0413 : +4
357 : #dc040f : +5
358 : #dc040c : +6
359 : #dc0408 : +7
0 : #dc0404 : -352
1 : #dc0804 : -351
2 : #dc0c04 : -350
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -96
2 : #726e6f : -94
4 : #756c6d : -92
6 : #77696b : -90
8 : #79676a : -88
10 : #7b6568 : -86
12 : #7e6366 : -84
14 : #806065 : -82
16 : #825e63 : -80
18 : #845c61 : -78
20 : #875a60 : -76
22 : #89585e : -74
24 : #8b555c : -72
26 : #8d535b : -70
28 : #905159 : -68
30 : #924f58 : -66
32 : #944c56 : -64
34 : #964a54 : -62
36 : #994853 : -60
38 : #9b4651 : -58
40 : #9d434f : -56
42 : #9f414e : -54
44 : #a23f4c : -52
46 : #a43d4a : -50
48 : #a63a49 : -48
50 : #a83847 : -46
52 : #ab3645 : -44
54 : #ad3444 : -42
56 : #af3142 : -40
58 : #b12f40 : -38
60 : #b42d3f : -36
62 : #b62b3d : -34
64 : #b8283c : -32
66 : #ba263a : -30
68 : #bc2438 : -28
70 : #bf2237 : -26
72 : #c11f35 : -24
74 : #c31d33 : -22
76 : #c51b32 : -20
78 : #c81930 : -18
80 : #ca162e : -16
82 : #cc142d : -14
84 : #ce122b : -12
86 : #d11029 : -10
88 : #d30d28 : -8
90 : #d50b26 : -6
92 : #d70925 : -4
94 : #da0723 : -2
96 : #dc0421 : ±0
98 : #de0220 : +2
100 : #e0001e : +4
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #0a0002 : -42
4 : #140003 : -40
6 : #1e0105 : -38
8 : #280106 : -36
10 : #320108 : -34
12 : #3c0109 : -32
14 : #46010b : -30
16 : #50020c : -28
18 : #5a020e : -26
20 : #64020f : -24
22 : #6e0211 : -22
24 : #780212 : -20
26 : #820314 : -18
28 : #8c0315 : -16
30 : #960317 : -14
32 : #a00318 : -12
34 : #aa031a : -10
36 : #b4041b : -8
38 : #be041d : -6
40 : #c8041e : -4
42 : #d20420 : -2
44 : #dc0421 : ±0
46 : #e60523 : +2
48 : #f00524 : +4
50 : #fa0526 : +6
52 : #fa0f2e : +8
54 : #fa1937 : +10
56 : #fb2340 : +12
58 : #fb2d49 : +14
60 : #fb3751 : +16
62 : #fb415a : +18
64 : #fb4b63 : +20
66 : #fc556b : +22
68 : #fc5f74 : +24
70 : #fc697d : +26
72 : #fc7385 : +28
74 : #fc7d8e : +30
76 : #fd8797 : +32
78 : #fd919f : +34
80 : #fd9ba8 : +36
82 : #fda5b1 : +38
84 : #fdafb9 : +40
86 : #feb9c2 : +42
88 : #fec3cb : +44
90 : #fecdd4 : +46
92 : #fed7dc : +48
94 : #fee1e5 : +50
96 : #ffebee : +52
98 : #fff5f6 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow