#a31484
RGB ( 赤 = 163, 緑 = 20, 青 = 132 )
HSL ( 色相 = 313°, 彩度 = 78%, 明度 = 36% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #a31b14 : -310
13 : #a33314 : -300
23 : #a34b14 : -290
33 : #a36314 : -280
43 : #a37b14 : -270
53 : #a39314 : -260
63 : #9ca314 : -250
73 : #84a314 : -240
83 : #6da314 : -230
93 : #55a314 : -220
103 : #3da314 : -210
113 : #25a314 : -200
123 : #14a31b : -190
133 : #14a333 : -180
143 : #14a34b : -170
153 : #14a363 : -160
163 : #14a37b : -150
173 : #14a393 : -140
183 : #149ca3 : -130
193 : #1484a3 : -120
203 : #146da3 : -110
213 : #1455a3 : -100
223 : #143da3 : -90
233 : #1425a3 : -80
243 : #1b14a3 : -70
253 : #3314a3 : -60
263 : #4b14a3 : -50
273 : #6314a3 : -40
283 : #7b14a3 : -30
293 : #9314a3 : -20
303 : #a3149c : -10
313 : #a31484 : ±0
323 : #a3146d : +10
333 : #a31455 : +20
343 : #a3143d : +30
353 : #a31425 : +40
303 : #a3149c : -10
304 : #a3149a : -9
305 : #a31497 : -8
306 : #a31495 : -7
307 : #a31493 : -6
308 : #a31490 : -5
309 : #a3148e : -4
310 : #a3148c : -3
311 : #a31489 : -2
312 : #a31487 : -1
313 : #a31484 : ±0
314 : #a31482 : +1
315 : #a31480 : +2
316 : #a3147d : +3
317 : #a3147b : +4
318 : #a31478 : +5
319 : #a31476 : +6
320 : #a31474 : +7
321 : #a31471 : +8
322 : #a3146f : +9
323 : #a3146d : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -78
2 : #5e5a5d : -76
4 : #5f585e : -74
6 : #61565f : -72
8 : #635460 : -70
10 : #655361 : -68
12 : #675162 : -66
14 : #694f63 : -64
16 : #6a4d64 : -62
18 : #6c4b65 : -60
20 : #6e4966 : -58
22 : #704867 : -56
24 : #724668 : -54
26 : #744469 : -52
28 : #76426a : -50
30 : #77406b : -48
32 : #793e6c : -46
34 : #7b3d6d : -44
36 : #7d3b6f : -42
38 : #7f3970 : -40
40 : #813771 : -38
42 : #823572 : -36
44 : #843373 : -34
46 : #863274 : -32
48 : #883075 : -30
50 : #8a2e76 : -28
52 : #8c2c77 : -26
54 : #8d2a78 : -24
56 : #8f2879 : -22
58 : #91277a : -20
60 : #93257b : -18
62 : #95237c : -16
64 : #97217d : -14
66 : #981f7e : -12
68 : #9a1d7f : -10
70 : #9c1c80 : -8
72 : #9e1a81 : -6
74 : #a01882 : -4
76 : #a21683 : -2
78 : #a31484 : ±0
80 : #a51285 : +2
82 : #a71186 : +4
84 : #a90f87 : +6
86 : #ab0d89 : +8
88 : #ad0b8a : +10
90 : #ae098b : +12
92 : #b0078c : +14
94 : #b2068d : +16
96 : #b4048e : +18
98 : #b6028f : +20
100 : #b80090 : +22
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #090107 : -34
4 : #12020f : -32
6 : #1b0316 : -30
8 : #24041d : -28
10 : #2d0625 : -26
12 : #36072c : -24
14 : #400833 : -22
16 : #49093b : -20
18 : #520a42 : -18
20 : #5b0b4a : -16
22 : #640c51 : -14
24 : #6d0d58 : -12
26 : #760f60 : -10
28 : #7f1067 : -8
30 : #88116e : -6
32 : #911276 : -4
34 : #9a137d : -2
36 : #a31484 : ±0
38 : #ac158c : +2
40 : #b61693 : +4
42 : #bf189a : +6
44 : #c819a2 : +8
46 : #d11aa9 : +10
48 : #da1bb1 : +12
50 : #e31cb8 : +14
52 : #e425bb : +16
54 : #e52ebe : +18
56 : #e637c0 : +20
58 : #e740c3 : +22
60 : #e949c6 : +24
62 : #ea53c9 : +26
64 : #eb5ccc : +28
66 : #ec65cf : +30
68 : #ed6ed1 : +32
70 : #ee77d4 : +34
72 : #ef80d7 : +36
74 : #f089da : +38
76 : #f292dd : +40
78 : #f39be0 : +42
80 : #f4a4e3 : +44
82 : #f5ade5 : +46
84 : #f6b6e8 : +48
86 : #f7bfeb : +50
88 : #f8c9ee : +52
90 : #f9d2f1 : +54
92 : #fbdbf4 : +56
94 : #fce4f6 : +58
96 : #fdedf9 : +60
98 : #fef6fc : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow