#c31d48
RGB ( 赤 = 195, 緑 = 29, 青 = 72 )
HSL ( 色相 = 344°, 彩度 = 74%, 明度 = 44% )
H : 色相 ( 344° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c3281d : -340
14 : #c3441d : -330
24 : #c3601d : -320
34 : #c37b1d : -310
44 : #c3971d : -300
54 : #c3b31d : -290
64 : #b8c31d : -280
74 : #9cc31d : -270
84 : #81c31d : -260
94 : #65c31d : -250
104 : #49c31d : -240
114 : #2ec31d : -230
124 : #1dc328 : -220
134 : #1dc344 : -210
144 : #1dc360 : -200
154 : #1dc37b : -190
164 : #1dc397 : -180
174 : #1dc3b3 : -170
184 : #1db8c3 : -160
194 : #1d9cc3 : -150
204 : #1d81c3 : -140
214 : #1d65c3 : -130
224 : #1d49c3 : -120
234 : #1d2ec3 : -110
244 : #281dc3 : -100
254 : #441dc3 : -90
264 : #601dc3 : -80
274 : #7b1dc3 : -70
284 : #971dc3 : -60
294 : #b31dc3 : -50
304 : #c31db8 : -40
314 : #c31d9c : -30
324 : #c31d81 : -20
334 : #c31d65 : -10
344 : #c31d49 : ±0
354 : #c31d2e : +10
334 : #c31d65 : -10
335 : #c31d62 : -9
336 : #c31d60 : -8
337 : #c31d5d : -7
338 : #c31d5a : -6
339 : #c31d57 : -5
340 : #c31d55 : -4
341 : #c31d52 : -3
342 : #c31d4f : -2
343 : #c31d4c : -1
344 : #c31d49 : ±0
345 : #c31d47 : +1
346 : #c31d44 : +2
347 : #c31d41 : +3
348 : #c31d3e : +4
349 : #c31d3c : +5
350 : #c31d39 : +6
351 : #c31d36 : +7
352 : #c31d33 : +8
353 : #c31d31 : +9
354 : #c31d2e : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -74
2 : #726e6f : -72
4 : #756c6e : -70
6 : #77696d : -68
8 : #79676c : -66
10 : #7b656b : -64
12 : #7e636a : -62
14 : #806069 : -60
16 : #825e68 : -58
18 : #845c67 : -56
20 : #875a66 : -54
22 : #895865 : -52
24 : #8b5564 : -50
26 : #8d5363 : -48
28 : #905162 : -46
30 : #924f60 : -44
32 : #944c5f : -42
34 : #964a5e : -40
36 : #99485d : -38
38 : #9b465c : -36
40 : #9d435b : -34
42 : #9f415a : -32
44 : #a23f59 : -30
46 : #a43d58 : -28
48 : #a63a57 : -26
50 : #a83856 : -24
52 : #ab3655 : -22
54 : #ad3454 : -20
56 : #af3153 : -18
58 : #b12f52 : -16
60 : #b42d51 : -14
62 : #b62b50 : -12
64 : #b8284f : -10
66 : #ba264e : -8
68 : #bc244d : -6
70 : #bf224c : -4
72 : #c11f4b : -2
74 : #c31d49 : ±0
76 : #c51b48 : +2
78 : #c81947 : +4
80 : #ca1646 : +6
82 : #cc1445 : +8
84 : #ce1244 : +10
86 : #d11043 : +12
88 : #d30d42 : +14
90 : #d50b41 : +16
92 : #d70940 : +18
94 : #da073f : +20
96 : #dc043e : +22
98 : #de023d : +24
100 : #e0003c : +26
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090103 : -42
4 : #120307 : -40
6 : #1b040a : -38
8 : #23050d : -36
10 : #2c0711 : -34
12 : #350814 : -32
14 : #3e0917 : -30
16 : #470b1b : -28
18 : #500c1e : -26
20 : #590d21 : -24
22 : #620f25 : -22
24 : #6a1028 : -20
26 : #73112b : -18
28 : #7c132f : -16
30 : #851432 : -14
32 : #8e1535 : -12
34 : #971739 : -10
36 : #a0183c : -8
38 : #a9193f : -6
40 : #b11b43 : -4
42 : #ba1c46 : -2
44 : #c31d49 : ±0
46 : #cc1e4d : +2
48 : #d52050 : +4
50 : #de2153 : +6
52 : #df2a5a : +8
54 : #e13361 : +10
56 : #e23c68 : +12
58 : #e3456f : +14
60 : #e44e76 : +16
62 : #e6567d : +18
64 : #e75f83 : +20
66 : #e8688a : +22
68 : #ea7191 : +24
70 : #eb7a98 : +26
72 : #ec839f : +28
74 : #ee8ca6 : +30
76 : #ef95ad : +32
78 : #f09db4 : +34
80 : #f2a6ba : +36
82 : #f3afc1 : +38
84 : #f4b8c8 : +40
86 : #f6c1cf : +42
88 : #f7cad6 : +44
90 : #f8d3dd : +46
92 : #fadce4 : +48
94 : #fbe4ea : +50
96 : #fcedf1 : +52
98 : #fef6f8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow