#ab213a
RGB ( 赤 = 171, 緑 = 33, 青 = 58 )
HSL ( 色相 = 349°, 彩度 = 68%, 明度 = 40% )
H : 色相 ( 349° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ab3521 : -340
19 : #ab4d21 : -330
29 : #ab6421 : -320
39 : #ab7b21 : -310
49 : #ab9221 : -300
59 : #aba921 : -290
69 : #97ab21 : -280
79 : #7fab21 : -270
89 : #68ab21 : -260
99 : #51ab21 : -250
109 : #3aab21 : -240
119 : #23ab21 : -230
129 : #21ab35 : -220
139 : #21ab4d : -210
149 : #21ab64 : -200
159 : #21ab7b : -190
169 : #21ab92 : -180
179 : #21aba9 : -170
189 : #2197ab : -160
199 : #217fab : -150
209 : #2168ab : -140
219 : #2151ab : -130
229 : #213aab : -120
239 : #2123ab : -110
249 : #3521ab : -100
259 : #4d21ab : -90
269 : #6421ab : -80
279 : #7b21ab : -70
289 : #9221ab : -60
299 : #a921ab : -50
309 : #ab2197 : -40
319 : #ab217f : -30
329 : #ab2168 : -20
339 : #ab2151 : -10
349 : #ab213a : ±0
359 : #ab2123 : +10
339 : #ab2151 : -10
340 : #ab214f : -9
341 : #ab214d : -8
342 : #ab214a : -7
343 : #ab2148 : -6
344 : #ab2146 : -5
345 : #ab2143 : -4
346 : #ab2141 : -3
347 : #ab213f : -2
348 : #ab213c : -1
349 : #ab213a : ±0
350 : #ab2138 : +1
351 : #ab2135 : +2
352 : #ab2133 : +3
353 : #ab2131 : +4
354 : #ab212f : +5
355 : #ab212c : +6
356 : #ab212a : +7
357 : #ab2128 : +8
358 : #ab2125 : +9
359 : #ab2123 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -68
2 : #686465 : -66
4 : #6a6263 : -64
6 : #6c6062 : -62
8 : #6e5e61 : -60
10 : #705c60 : -58
12 : #725a5e : -56
14 : #74585d : -54
16 : #76565c : -52
18 : #78545a : -50
20 : #7a5259 : -48
22 : #7c5058 : -46
24 : #7e4e56 : -44
26 : #814b55 : -42
28 : #834954 : -40
30 : #854753 : -38
32 : #874551 : -36
34 : #894350 : -34
36 : #8b414f : -32
38 : #8d3f4d : -30
40 : #8f3d4c : -28
42 : #913b4b : -26
44 : #93394a : -24
46 : #953748 : -22
48 : #973547 : -20
50 : #993346 : -18
52 : #9b3144 : -16
54 : #9d2f43 : -14
56 : #9f2d42 : -12
58 : #a12b41 : -10
60 : #a3293f : -8
62 : #a5273e : -6
64 : #a7253d : -4
66 : #a9233b : -2
68 : #ab213a : ±0
70 : #ad1f39 : +2
72 : #af1d37 : +4
74 : #b11b36 : +6
76 : #b41835 : +8
78 : #b61634 : +10
80 : #b81432 : +12
82 : #ba1231 : +14
84 : #bc1030 : +16
86 : #be0e2e : +18
88 : #c00c2d : +20
90 : #c20a2c : +22
92 : #c4082b : +24
94 : #c60629 : +26
96 : #c80428 : +28
98 : #ca0227 : +30
100 : #cc0025 : +32
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #090203 : -38
4 : #110306 : -36
6 : #1a0509 : -34
8 : #22070c : -32
10 : #2b080f : -30
12 : #330a11 : -28
14 : #3c0b14 : -26
16 : #450d17 : -24
18 : #4d0f1a : -22
20 : #56101d : -20
22 : #5e1220 : -18
24 : #671423 : -16
26 : #6f1526 : -14
28 : #781729 : -12
30 : #81182c : -10
32 : #891a2e : -8
34 : #921c31 : -6
36 : #9a1d34 : -4
38 : #a31f37 : -2
40 : #ab213a : ±0
42 : #b4223d : +2
44 : #bc2440 : +4
46 : #c52643 : +6
48 : #ce2746 : +8
50 : #d62949 : +10
52 : #d83150 : +12
54 : #d93a57 : +14
56 : #db435e : +16
58 : #dd4b66 : +18
60 : #de546d : +20
62 : #e05c74 : +22
64 : #e2657c : +24
66 : #e36d83 : +26
68 : #e5768a : +28
70 : #e77e92 : +30
72 : #e88799 : +32
74 : #ea90a0 : +34
76 : #eb98a7 : +36
78 : #eda1af : +38
80 : #efa9b6 : +40
82 : #f0b2bd : +42
84 : #f2bac5 : +44
86 : #f4c3cc : +46
88 : #f5ccd3 : +48
90 : #f7d4db : +50
92 : #f8dde2 : +52
94 : #fae5e9 : +54
96 : #fceef0 : +56
98 : #fdf6f8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow