#c6244a
RGB ( 赤 = 198, 緑 = 36, 青 = 74 )
HSL ( 色相 = 346°, 彩度 = 69%, 明度 = 46% )
H : 色相 ( 346° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c63524 : -340
16 : #c65024 : -330
26 : #c66b24 : -320
36 : #c68524 : -310
46 : #c6a024 : -300
56 : #c6bb24 : -290
66 : #b6c624 : -280
76 : #9bc624 : -270
86 : #80c624 : -260
96 : #65c624 : -250
106 : #4ac624 : -240
116 : #2fc624 : -230
126 : #24c635 : -220
136 : #24c650 : -210
146 : #24c66b : -200
156 : #24c685 : -190
166 : #24c6a0 : -180
176 : #24c6bb : -170
186 : #24b6c6 : -160
196 : #249bc6 : -150
206 : #2480c6 : -140
216 : #2465c6 : -130
226 : #244ac6 : -120
236 : #242fc6 : -110
246 : #3524c6 : -100
256 : #5024c6 : -90
266 : #6b24c6 : -80
276 : #8524c6 : -70
286 : #a024c6 : -60
296 : #bb24c6 : -50
306 : #c624b6 : -40
316 : #c6249b : -30
326 : #c62480 : -20
336 : #c62465 : -10
346 : #c6244a : ±0
356 : #c6242f : +10
336 : #c62465 : -10
337 : #c62462 : -9
338 : #c62460 : -8
339 : #c6245d : -7
340 : #c6245a : -6
341 : #c62458 : -5
342 : #c62455 : -4
343 : #c62452 : -3
344 : #c62450 : -2
345 : #c6244d : -1
346 : #c6244a : ±0
347 : #c62447 : +1
348 : #c62445 : +2
349 : #c62442 : +3
350 : #c6243f : +4
351 : #c6243d : +5
352 : #c6243a : +6
353 : #c62437 : +7
354 : #c62435 : +8
355 : #c62432 : +9
356 : #c6242f : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767475 : -68
3 : #797273 : -66
5 : #7b6f72 : -64
7 : #7e6d71 : -62
9 : #806b70 : -60
11 : #82686e : -58
13 : #85666d : -56
15 : #87646c : -54
17 : #89616b : -52
19 : #8c5f69 : -50
21 : #8e5d68 : -48
23 : #905a67 : -46
25 : #935866 : -44
27 : #955664 : -42
29 : #975363 : -40
31 : #9a5162 : -38
33 : #9c4f61 : -36
35 : #9e4c5f : -34
37 : #a14a5e : -32
39 : #a3485d : -30
41 : #a5455c : -28
43 : #a8435a : -26
45 : #aa4159 : -24
47 : #ac3e58 : -22
49 : #af3c57 : -20
51 : #b13955 : -18
53 : #b33754 : -16
55 : #b63553 : -14
57 : #b83252 : -12
59 : #bb3050 : -10
61 : #bd2e4f : -8
63 : #bf2b4e : -6
65 : #c2294d : -4
67 : #c4274b : -2
69 : #c6244a : ±0
71 : #c92249 : +2
73 : #cb2048 : +4
75 : #cd1d46 : +6
77 : #d01b45 : +8
79 : #d21944 : +10
81 : #d41643 : +12
83 : #d71441 : +14
85 : #d91240 : +16
87 : #db0f3f : +18
89 : #de0d3e : +20
91 : #e00b3c : +22
93 : #e2083b : +24
95 : #e5063a : +26
97 : #e70439 : +28
99 : #e90137 : +30
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #090203 : -44
4 : #110306 : -42
6 : #1a050a : -40
8 : #22060d : -38
10 : #2b0810 : -36
12 : #340913 : -34
14 : #3c0b17 : -32
16 : #450d1a : -30
18 : #4e0e1d : -28
20 : #561020 : -26
22 : #5f1123 : -24
24 : #671327 : -22
26 : #70152a : -20
28 : #79162d : -18
30 : #811830 : -16
32 : #8a1934 : -14
34 : #931b37 : -12
36 : #9b1c3a : -10
38 : #a41e3d : -8
40 : #ac2040 : -6
42 : #b52144 : -4
44 : #be2347 : -2
46 : #c6244a : ±0
48 : #cf264d : +2
50 : #d72851 : +4
52 : #d93058 : +6
54 : #db395f : +8
56 : #dc4166 : +10
58 : #de4a6c : +12
60 : #df5373 : +14
62 : #e15b7a : +16
64 : #e36481 : +18
66 : #e46c88 : +20
68 : #e6758f : +22
70 : #e77e96 : +24
72 : #e9869d : +26
74 : #ea8fa4 : +28
76 : #ec98ab : +30
78 : #eea0b2 : +32
80 : #efa9b9 : +34
82 : #f1b1c0 : +36
84 : #f2bac7 : +38
86 : #f4c3ce : +40
88 : #f6cbd5 : +42
90 : #f7d4dc : +44
92 : #f9dde3 : +46
94 : #fae5ea : +48
96 : #fceef1 : +50
98 : #fdf6f8 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow