#c31f13
RGB ( 赤 = 195, 緑 = 31, 青 = 19 )
HSL ( 色相 = 4°, 彩度 = 82%, 明度 = 42% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c31f13 : ±0
14 : #c33c13 : +10
24 : #c35a13 : +20
34 : #c37713 : +30
44 : #c39413 : +40
54 : #c3b113 : +50
64 : #b7c313 : +60
74 : #9ac313 : +70
84 : #7dc313 : +80
94 : #5fc313 : +90
104 : #42c313 : +100
114 : #25c313 : +110
124 : #13c31f : +120
134 : #13c33c : +130
144 : #13c35a : +140
154 : #13c377 : +150
164 : #13c394 : +160
174 : #13c3b1 : +170
184 : #13b7c3 : +180
194 : #139ac3 : +190
204 : #137dc3 : +200
214 : #135fc3 : +210
224 : #1342c3 : +220
234 : #1325c3 : +230
244 : #1f13c3 : +240
254 : #3c13c3 : +250
264 : #5a13c3 : +260
274 : #7713c3 : +270
284 : #9413c3 : +280
294 : #b113c3 : +290
304 : #c313b7 : +300
314 : #c3139a : +310
324 : #c3137d : +320
334 : #c3135f : +330
344 : #c31342 : +340
354 : #c31325 : +350
354 : #c31325 : +350
355 : #c31322 : +351
356 : #c3131f : +352
357 : #c3131c : +353
358 : #c31319 : +354
359 : #c31316 : +355
0 : #c31313 : -4
1 : #c31613 : -3
2 : #c31913 : -2
3 : #c31c13 : -1
4 : #c31f13 : ±0
5 : #c32213 : +1
6 : #c32513 : +2
7 : #c32813 : +3
8 : #c32b13 : +4
9 : #c32e13 : +5
10 : #c33113 : +6
11 : #c33313 : +7
12 : #c33613 : +8
13 : #c33913 : +9
14 : #c33c13 : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -82
2 : #6d6969 : -80
4 : #6f6767 : -78
6 : #726665 : -76
8 : #746463 : -74
10 : #766260 : -72
12 : #78605e : -70
14 : #7a5e5c : -68
16 : #7c5c5a : -66
18 : #7e5a58 : -64
20 : #815956 : -62
22 : #835754 : -60
24 : #855551 : -58
26 : #87534f : -56
28 : #89514d : -54
30 : #8b4f4b : -52
32 : #8d4d49 : -50
34 : #904c47 : -48
36 : #924a45 : -46
38 : #944842 : -44
40 : #964640 : -42
42 : #98443e : -40
44 : #9a423c : -38
46 : #9c403a : -36
48 : #9f3f38 : -34
50 : #a13d36 : -32
52 : #a33b33 : -30
54 : #a53931 : -28
56 : #a7372f : -26
58 : #a9352d : -24
60 : #ab332b : -22
62 : #ae3229 : -20
64 : #b03027 : -18
66 : #b22e24 : -16
68 : #b42c22 : -14
70 : #b62a20 : -12
72 : #b8281e : -10
74 : #ba261c : -8
76 : #bc251a : -6
78 : #bf2318 : -4
80 : #c12115 : -2
82 : #c31f13 : ±0
84 : #c51d11 : +2
86 : #c71b0f : +4
88 : #c9190d : +6
90 : #cb180b : +8
92 : #ce1609 : +10
94 : #d01406 : +12
96 : #d21204 : +14
98 : #d41002 : +16
100 : #d60e00 : +18
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #090101 : -40
4 : #130302 : -38
6 : #1c0403 : -36
8 : #250604 : -34
10 : #2e0705 : -32
12 : #380906 : -30
14 : #410a06 : -28
16 : #4a0c07 : -26
18 : #540d08 : -24
20 : #5d0f09 : -22
22 : #66100a : -20
24 : #6f120b : -18
26 : #79130c : -16
28 : #82150d : -14
30 : #8b160e : -12
32 : #95180f : -10
34 : #9e1910 : -8
36 : #a71b11 : -6
38 : #b01c11 : -4
40 : #ba1e12 : -2
42 : #c31f13 : ±0
44 : #cc2014 : +2
46 : #d52215 : +4
48 : #df2316 : +6
50 : #e82517 : +8
52 : #e92e20 : +10
54 : #ea362a : +12
56 : #eb3f33 : +14
58 : #ec483c : +16
60 : #ed5145 : +18
62 : #ee594f : +20
64 : #ee6258 : +22
66 : #ef6b61 : +24
68 : #f0736a : +26
70 : #f17c74 : +28
72 : #f2857d : +30
74 : #f38e86 : +32
76 : #f49690 : +34
78 : #f59f99 : +36
80 : #f6a8a2 : +38
82 : #f7b0ab : +40
84 : #f8b9b5 : +42
86 : #f9c2be : +44
88 : #f9cbc7 : +46
90 : #fad3d1 : +48
92 : #fbdcda : +50
94 : #fce5e3 : +52
96 : #fdeeec : +54
98 : #fef6f6 : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow