#c71a3c
RGB ( 赤 = 199, 緑 = 26, 青 = 60 )
HSL ( 色相 = 348°, 彩度 = 77%, 明度 = 44% )
H : 色相 ( 348° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #c7311a : -340
18 : #c74e1a : -330
28 : #c76a1a : -320
38 : #c7871a : -310
48 : #c7a41a : -300
58 : #c7c11a : -290
68 : #b0c71a : -280
78 : #93c71a : -270
88 : #76c71a : -260
98 : #59c71a : -250
108 : #3cc71a : -240
118 : #20c71a : -230
128 : #1ac731 : -220
138 : #1ac74e : -210
148 : #1ac76a : -200
158 : #1ac787 : -190
168 : #1ac7a4 : -180
178 : #1ac7c1 : -170
188 : #1ab0c7 : -160
198 : #1a93c7 : -150
208 : #1a76c7 : -140
218 : #1a59c7 : -130
228 : #1a3cc7 : -120
238 : #1a20c7 : -110
248 : #311ac7 : -100
258 : #4e1ac7 : -90
268 : #6a1ac7 : -80
278 : #871ac7 : -70
288 : #a41ac7 : -60
298 : #c11ac7 : -50
308 : #c71ab0 : -40
318 : #c71a93 : -30
328 : #c71a76 : -20
338 : #c71a59 : -10
348 : #c71a3c : ±0
358 : #c71a20 : +10
338 : #c71a59 : -10
339 : #c71a56 : -9
340 : #c71a53 : -8
341 : #c71a51 : -7
342 : #c71a4e : -6
343 : #c71a4b : -5
344 : #c71a48 : -4
345 : #c71a45 : -3
346 : #c71a42 : -2
347 : #c71a3f : -1
348 : #c71a3c : ±0
349 : #c71a39 : +1
350 : #c71a37 : +2
351 : #c71a34 : +3
352 : #c71a31 : +4
353 : #c71a2e : +5
354 : #c71a2b : +6
355 : #c71a28 : +7
356 : #c71a25 : +8
357 : #c71a22 : +9
358 : #c71a20 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #716f70 : -76
3 : #746d6e : -74
5 : #766b6d : -72
7 : #78686b : -70
9 : #7a666a : -68
11 : #7d6469 : -66
13 : #7f6267 : -64
15 : #815f66 : -62
17 : #835d65 : -60
19 : #865b63 : -58
21 : #885962 : -56
23 : #8a5661 : -54
25 : #8c545f : -52
27 : #8e525e : -50
29 : #91505d : -48
31 : #934d5b : -46
33 : #954b5a : -44
35 : #974959 : -42
37 : #9a4757 : -40
39 : #9c4456 : -38
41 : #9e4255 : -36
43 : #a04053 : -34
45 : #a33e52 : -32
47 : #a53b51 : -30
49 : #a7394f : -28
51 : #a9374e : -26
53 : #ac354d : -24
55 : #ae324b : -22
57 : #b0304a : -20
59 : #b22e48 : -18
61 : #b52c47 : -16
63 : #b72a46 : -14
65 : #b92744 : -12
67 : #bb2543 : -10
69 : #be2342 : -8
71 : #c02140 : -6
73 : #c21e3f : -4
75 : #c41c3e : -2
77 : #c71a3c : ±0
79 : #c9183b : +2
81 : #cb153a : +4
83 : #cd1338 : +6
85 : #d01137 : +8
87 : #d20f36 : +10
89 : #d40c34 : +12
91 : #d60a33 : +14
93 : #d90832 : +16
95 : #db0630 : +18
97 : #dd032f : +20
99 : #df012e : +22
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #090103 : -42
4 : #120205 : -40
6 : #1b0408 : -38
8 : #24050b : -36
10 : #2d060e : -34
12 : #360710 : -32
14 : #3f0813 : -30
16 : #480916 : -28
18 : #510b19 : -26
20 : #5a0c1b : -24
22 : #630d1e : -22
24 : #6c0e21 : -20
26 : #750f24 : -18
28 : #7e1026 : -16
30 : #871229 : -14
32 : #90132c : -12
34 : #99142f : -10
36 : #a21531 : -8
38 : #ac1634 : -6
40 : #b51737 : -4
42 : #be193a : -2
44 : #c71a3c : ±0
46 : #d01b3f : +2
48 : #d91c42 : +4
50 : #e21d45 : +6
52 : #e3264c : +8
54 : #e42f54 : +10
56 : #e5385b : +12
58 : #e64162 : +14
60 : #e84a6a : +16
62 : #e95371 : +18
64 : #ea5d79 : +20
66 : #eb6680 : +22
68 : #ec6f88 : +24
70 : #ed788f : +26
72 : #ef8197 : +28
74 : #f08a9e : +30
76 : #f193a6 : +32
78 : #f29cad : +34
80 : #f3a5b4 : +36
82 : #f4aebc : +38
84 : #f6b7c3 : +40
86 : #f7c0cb : +42
88 : #f8c9d2 : +44
90 : #f9d2da : +46
92 : #fadbe1 : +48
94 : #fbe4e9 : +50
96 : #fdedf0 : +52
98 : #fef6f8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow