#d4023a
RGB ( 赤 = 212, 緑 = 2, 青 = 58 )
HSL ( 色相 = 344°, 彩度 = 98%, 明度 = 42% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #d41002 : -340
14 : #d43302 : -330
24 : #d45602 : -320
34 : #d47902 : -310
44 : #d49c02 : -300
54 : #d4bf02 : -290
64 : #c6d402 : -280
74 : #a3d402 : -270
84 : #80d402 : -260
94 : #5dd402 : -250
104 : #3ad402 : -240
114 : #17d402 : -230
124 : #02d410 : -220
134 : #02d433 : -210
144 : #02d456 : -200
154 : #02d479 : -190
164 : #02d49c : -180
174 : #02d4bf : -170
184 : #02c6d4 : -160
194 : #02a3d4 : -150
204 : #0280d4 : -140
214 : #025dd4 : -130
224 : #023ad4 : -120
234 : #0217d4 : -110
244 : #1002d4 : -100
254 : #3302d4 : -90
264 : #5602d4 : -80
274 : #7902d4 : -70
284 : #9c02d4 : -60
294 : #bf02d4 : -50
304 : #d402c6 : -40
314 : #d402a3 : -30
324 : #d40280 : -20
334 : #d4025d : -10
344 : #d4023a : ±0
354 : #d40217 : +10
334 : #d4025d : -10
335 : #d4025a : -9
336 : #d40256 : -8
337 : #d40253 : -7
338 : #d4024f : -6
339 : #d4024c : -5
340 : #d40248 : -4
341 : #d40245 : -3
342 : #d40241 : -2
343 : #d4023e : -1
344 : #d4023a : ±0
345 : #d40237 : +1
346 : #d40233 : +2
347 : #d40230 : +3
348 : #d4022c : +4
349 : #d40229 : +5
350 : #d40225 : +6
351 : #d40222 : +7
352 : #d4021e : +8
353 : #d4021b : +9
354 : #d40217 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -98
2 : #6d696a : -96
4 : #6f6769 : -94
6 : #726568 : -92
8 : #746367 : -90
10 : #766066 : -88
12 : #785e65 : -86
14 : #7a5c64 : -84
16 : #7c5a63 : -82
18 : #7e5862 : -80
20 : #815661 : -78
22 : #835460 : -76
24 : #85515f : -74
26 : #874f5e : -72
28 : #894d5d : -70
30 : #8b4b5c : -68
32 : #8d495b : -66
34 : #90475a : -64
36 : #924559 : -62
38 : #944258 : -60
40 : #964057 : -58
42 : #983e56 : -56
44 : #9a3c55 : -54
46 : #9c3a54 : -52
48 : #9f3853 : -50
50 : #a13652 : -48
52 : #a33351 : -46
54 : #a53150 : -44
56 : #a72f4f : -42
58 : #a92d4e : -40
60 : #ab2b4d : -38
62 : #ae294c : -36
64 : #b0274b : -34
66 : #b2244a : -32
68 : #b42249 : -30
70 : #b62048 : -28
72 : #b81e47 : -26
74 : #ba1c46 : -24
76 : #bc1a45 : -22
78 : #bf1844 : -20
80 : #c11543 : -18
82 : #c31342 : -16
84 : #c51141 : -14
86 : #c70f40 : -12
88 : #c90d3f : -10
90 : #cb0b3e : -8
92 : #ce093d : -6
94 : #d0063c : -4
96 : #d2043b : -2
98 : #d4023a : ±0
100 : #d60039 : +2
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #0a0003 : -40
4 : #140006 : -38
6 : #1e0008 : -36
8 : #28000b : -34
10 : #32010e : -32
12 : #3d0111 : -30
14 : #470113 : -28
16 : #510116 : -26
18 : #5b0119 : -24
20 : #65011c : -22
22 : #6f011e : -20
24 : #790121 : -18
26 : #830124 : -16
28 : #8d0127 : -14
30 : #97022a : -12
32 : #a2022c : -10
34 : #ac022f : -8
36 : #b60232 : -6
38 : #c00235 : -4
40 : #ca0237 : -2
42 : #d4023a : ±0
44 : #de023d : +2
46 : #e80240 : +4
48 : #f20242 : +6
50 : #fc0345 : +8
52 : #fd0d4d : +10
54 : #fd1754 : +12
56 : #fd215b : +14
58 : #fd2b63 : +16
60 : #fd356a : +18
62 : #fd3f72 : +20
64 : #fd4979 : +22
66 : #fd5381 : +24
68 : #fd5d88 : +26
70 : #fd6890 : +28
72 : #fe7297 : +30
74 : #fe7c9e : +32
76 : #fe86a6 : +34
78 : #fe90ad : +36
80 : #fe9ab5 : +38
82 : #fea4bc : +40
84 : #feaec4 : +42
86 : #feb8cb : +44
88 : #fec2d2 : +46
90 : #fecdda : +48
92 : #ffd7e1 : +50
94 : #ffe1e9 : +52
96 : #ffebf0 : +54
98 : #fff5f8 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow