#ab2138
RGB ( 赤 = 171, 緑 = 33, 青 = 56 )
HSL ( 色相 = 350°, 彩度 = 68%, 明度 = 40% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ab2121 : -350
10 : #ab3821 : -340
20 : #ab4f21 : -330
30 : #ab6621 : -320
40 : #ab7d21 : -310
50 : #ab9421 : -300
60 : #abab21 : -290
70 : #94ab21 : -280
80 : #7dab21 : -270
90 : #66ab21 : -260
100 : #4fab21 : -250
110 : #38ab21 : -240
120 : #21ab21 : -230
130 : #21ab38 : -220
140 : #21ab4f : -210
150 : #21ab66 : -200
160 : #21ab7d : -190
170 : #21ab94 : -180
180 : #21abab : -170
190 : #2194ab : -160
200 : #217dab : -150
210 : #2166ab : -140
220 : #214fab : -130
230 : #2138ab : -120
240 : #2121ab : -110
250 : #3821ab : -100
260 : #4f21ab : -90
270 : #6621ab : -80
280 : #7d21ab : -70
290 : #9421ab : -60
300 : #ab21ab : -50
310 : #ab2194 : -40
320 : #ab217d : -30
330 : #ab2166 : -20
340 : #ab214f : -10
350 : #ab2138 : ±0
340 : #ab214f : -10
341 : #ab214d : -9
342 : #ab214a : -8
343 : #ab2148 : -7
344 : #ab2146 : -6
345 : #ab2143 : -5
346 : #ab2141 : -4
347 : #ab213f : -3
348 : #ab213c : -2
349 : #ab213a : -1
350 : #ab2138 : ±0
351 : #ab2135 : +1
352 : #ab2133 : +2
353 : #ab2131 : +3
354 : #ab212f : +4
355 : #ab212c : +5
356 : #ab212a : +6
357 : #ab2128 : +7
358 : #ab2125 : +8
359 : #ab2123 : +9
0 : #ab2121 : -350
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -68
2 : #686465 : -66
4 : #6a6263 : -64
6 : #6c6062 : -62
8 : #6e5e61 : -60
10 : #705c5f : -58
12 : #725a5e : -56
14 : #74585c : -54
16 : #76565b : -52
18 : #78545a : -50
20 : #7a5258 : -48
22 : #7c5057 : -46
24 : #7e4e56 : -44
26 : #814b54 : -42
28 : #834953 : -40
30 : #854752 : -38
32 : #874550 : -36
34 : #89434f : -34
36 : #8b414e : -32
38 : #8d3f4c : -30
40 : #8f3d4b : -28
42 : #913b49 : -26
44 : #933948 : -24
46 : #953747 : -22
48 : #973545 : -20
50 : #993344 : -18
52 : #9b3143 : -16
54 : #9d2f41 : -14
56 : #9f2d40 : -12
58 : #a12b3f : -10
60 : #a3293d : -8
62 : #a5273c : -6
64 : #a7253a : -4
66 : #a92339 : -2
68 : #ab2138 : ±0
70 : #ad1f36 : +2
72 : #af1d35 : +4
74 : #b11b34 : +6
76 : #b41832 : +8
78 : #b61631 : +10
80 : #b81430 : +12
82 : #ba122e : +14
84 : #bc102d : +16
86 : #be0e2c : +18
88 : #c00c2a : +20
90 : #c20a29 : +22
92 : #c40827 : +24
94 : #c60626 : +26
96 : #c80425 : +28
98 : #ca0223 : +30
100 : #cc0022 : +32
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #090203 : -38
4 : #110306 : -36
6 : #1a0508 : -34
8 : #22070b : -32
10 : #2b080e : -30
12 : #330a11 : -28
14 : #3c0b14 : -26
16 : #450d16 : -24
18 : #4d0f19 : -22
20 : #56101c : -20
22 : #5e121f : -18
24 : #671421 : -16
26 : #6f1524 : -14
28 : #781727 : -12
30 : #81182a : -10
32 : #891a2d : -8
34 : #921c2f : -6
36 : #9a1d32 : -4
38 : #a31f35 : -2
40 : #ab2138 : ±0
42 : #b4223b : +2
44 : #bc243d : +4
46 : #c52640 : +6
48 : #ce2743 : +8
50 : #d62946 : +10
52 : #d8314d : +12
54 : #d93a55 : +14
56 : #db435c : +16
58 : #dd4b63 : +18
60 : #de546b : +20
62 : #e05c72 : +22
64 : #e2657a : +24
66 : #e36d81 : +26
68 : #e57688 : +28
70 : #e77e90 : +30
72 : #e88797 : +32
74 : #ea909f : +34
76 : #eb98a6 : +36
78 : #eda1ad : +38
80 : #efa9b5 : +40
82 : #f0b2bc : +42
84 : #f2bac4 : +44
86 : #f4c3cb : +46
88 : #f5ccd3 : +48
90 : #f7d4da : +50
92 : #f8dde1 : +52
94 : #fae5e9 : +54
96 : #fceef0 : +56
98 : #fdf6f8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow