#c13373
RGB ( 赤 = 193, 緑 = 51, 青 = 115 )
HSL ( 色相 = 333°, 彩度 = 58%, 明度 = 48% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #c13b33 : -330
13 : #c15233 : -320
23 : #c16a33 : -310
33 : #c18133 : -300
43 : #c19933 : -290
53 : #c1b133 : -280
63 : #bac133 : -270
73 : #a3c133 : -260
83 : #8bc133 : -250
93 : #73c133 : -240
103 : #5cc133 : -230
113 : #44c133 : -220
123 : #33c13b : -210
133 : #33c152 : -200
143 : #33c16a : -190
153 : #33c181 : -180
163 : #33c199 : -170
173 : #33c1b1 : -160
183 : #33bac1 : -150
193 : #33a3c1 : -140
203 : #338bc1 : -130
213 : #3373c1 : -120
223 : #335cc1 : -110
233 : #3344c1 : -100
243 : #3b33c1 : -90
253 : #5233c1 : -80
263 : #6a33c1 : -70
273 : #8133c1 : -60
283 : #9933c1 : -50
293 : #b133c1 : -40
303 : #c133ba : -30
313 : #c133a3 : -20
323 : #c1338b : -10
333 : #c13373 : ±0
343 : #c1335c : +10
353 : #c13344 : +20
323 : #c1338b : -10
324 : #c13389 : -9
325 : #c13386 : -8
326 : #c13384 : -7
327 : #c13381 : -6
328 : #c1337f : -5
329 : #c1337d : -4
330 : #c1337a : -3
331 : #c13378 : -2
332 : #c13376 : -1
333 : #c13373 : ±0
334 : #c13371 : +1
335 : #c1336f : +2
336 : #c1336c : +3
337 : #c1336a : +4
338 : #c13367 : +5
339 : #c13365 : +6
340 : #c13363 : +7
341 : #c13360 : +8
342 : #c1335e : +9
343 : #c1335c : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -58
2 : #7d787a : -56
4 : #7f767a : -54
6 : #82737a : -52
8 : #847179 : -50
10 : #876e79 : -48
12 : #896c79 : -46
14 : #8c6979 : -44
16 : #8e6778 : -42
18 : #906478 : -40
20 : #936278 : -38
22 : #955f78 : -36
24 : #985d77 : -34
26 : #9a5b77 : -32
28 : #9d5877 : -30
30 : #9f5677 : -28
32 : #a25376 : -26
34 : #a45176 : -24
36 : #a64e76 : -22
38 : #a94c76 : -20
40 : #ab4976 : -18
42 : #ae4775 : -16
44 : #b04575 : -14
46 : #b34275 : -12
48 : #b54075 : -10
50 : #b83d74 : -8
52 : #ba3b74 : -6
54 : #bc3874 : -4
56 : #bf3674 : -2
58 : #c13373 : ±0
60 : #c43173 : +2
62 : #c62f73 : +4
64 : #c92c73 : +6
66 : #cb2a72 : +8
68 : #ce2772 : +10
70 : #d02572 : +12
72 : #d32272 : +14
74 : #d52071 : +16
76 : #d71d71 : +18
78 : #da1b71 : +20
80 : #dc1871 : +22
82 : #df1670 : +24
84 : #e11470 : +26
86 : #e41170 : +28
88 : #e60f70 : +30
90 : #e90c6f : +32
92 : #eb0a6f : +34
94 : #ed076f : +36
96 : #f0056f : +38
98 : #f2026e : +40
100 : #f5006e : +42
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #080205 : -46
4 : #10040a : -44
6 : #18060e : -42
8 : #200913 : -40
10 : #280b18 : -38
12 : #300d1d : -36
14 : #380f22 : -34
16 : #401126 : -32
18 : #49132b : -30
20 : #511530 : -28
22 : #591835 : -26
24 : #611a3a : -24
26 : #691c3e : -22
28 : #711e43 : -20
30 : #792048 : -18
32 : #81224d : -16
34 : #892452 : -14
36 : #912756 : -12
38 : #99295b : -10
40 : #a12b60 : -8
42 : #a92d65 : -6
44 : #b12f6a : -4
46 : #b9316e : -2
48 : #c13373 : ±0
50 : #c93678 : +2
52 : #cc3e7e : +4
54 : #ce4683 : +6
56 : #d04e88 : +8
58 : #d2568e : +10
60 : #d45e93 : +12
62 : #d66698 : +14
64 : #d86e9e : +16
66 : #db76a3 : +18
68 : #dd7ea9 : +20
70 : #df86ae : +22
72 : #e18eb3 : +24
74 : #e396b9 : +26
76 : #e59ebe : +28
78 : #e7a6c4 : +30
80 : #eaaec9 : +32
82 : #ecb6ce : +34
84 : #eebfd4 : +36
86 : #f0c7d9 : +38
88 : #f2cfdf : +40
90 : #f4d7e4 : +42
92 : #f6dfe9 : +44
94 : #f9e7ef : +46
96 : #fbeff4 : +48
98 : #fdf7fa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow