#ab0311
RGB ( 赤 = 171, 緑 = 3, 青 = 17 )
HSL ( 色相 = 355°, 彩度 = 97%, 明度 = 34% )
H : 色相 ( 355° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab1103 : -350
15 : #ab2d03 : -340
25 : #ab4903 : -330
35 : #ab6503 : -320
45 : #ab8103 : -310
55 : #ab9d03 : -300
65 : #9dab03 : -290
75 : #81ab03 : -280
85 : #65ab03 : -270
95 : #49ab03 : -260
105 : #2dab03 : -250
115 : #11ab03 : -240
125 : #03ab11 : -230
135 : #03ab2d : -220
145 : #03ab49 : -210
155 : #03ab65 : -200
165 : #03ab81 : -190
175 : #03ab9d : -180
185 : #039dab : -170
195 : #0381ab : -160
205 : #0365ab : -150
215 : #0349ab : -140
225 : #032dab : -130
235 : #0311ab : -120
245 : #1103ab : -110
255 : #2d03ab : -100
265 : #4903ab : -90
275 : #6503ab : -80
285 : #8103ab : -70
295 : #9d03ab : -60
305 : #ab039d : -50
315 : #ab0381 : -40
325 : #ab0365 : -30
335 : #ab0349 : -20
345 : #ab032d : -10
355 : #ab0311 : ±0
345 : #ab032d : -10
346 : #ab032a : -9
347 : #ab0327 : -8
348 : #ab0324 : -7
349 : #ab0321 : -6
350 : #ab031f : -5
351 : #ab031c : -4
352 : #ab0319 : -3
353 : #ab0316 : -2
354 : #ab0313 : -1
355 : #ab0311 : ±0
356 : #ab030e : +1
357 : #ab030b : +2
358 : #ab0308 : +3
359 : #ab0305 : +4
0 : #ab0303 : -355
1 : #ab0503 : -354
2 : #ab0803 : -353
3 : #ab0b03 : -352
4 : #ab0e03 : -351
5 : #ab1103 : -350
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585656 : -96
3 : #595455 : -94
5 : #5b5253 : -92
7 : #5d5152 : -90
9 : #5f4f50 : -88
11 : #604d4f : -86
13 : #624b4d : -84
15 : #644a4c : -82
17 : #65484a : -80
19 : #674649 : -78
21 : #694448 : -76
23 : #6b4346 : -74
25 : #6c4145 : -72
27 : #6e3f43 : -70
29 : #703e42 : -68
31 : #723c40 : -66
33 : #733a3f : -64
35 : #75383d : -62
37 : #77373c : -60
39 : #79353b : -58
41 : #7a3339 : -56
43 : #7c3138 : -54
45 : #7e3036 : -52
47 : #7f2e35 : -50
49 : #812c33 : -48
51 : #832a32 : -46
53 : #852930 : -44
55 : #86272f : -42
57 : #88252e : -40
59 : #8a242c : -38
61 : #8c222b : -36
63 : #8d2029 : -34
65 : #8f1e28 : -32
67 : #911d26 : -30
69 : #931b25 : -28
71 : #941923 : -26
73 : #961722 : -24
75 : #981621 : -22
77 : #99141f : -20
79 : #9b121e : -18
81 : #9d101c : -16
83 : #9f0f1b : -14
85 : #a00d19 : -12
87 : #a20b18 : -10
89 : #a40a16 : -8
91 : #a60815 : -6
93 : #a70614 : -4
95 : #a90412 : -2
97 : #ab0311 : ±0
99 : #ad010f : +2
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #0a0001 : -32
4 : #140002 : -30
6 : #1e0003 : -28
8 : #280104 : -26
10 : #320105 : -24
12 : #3c0106 : -22
14 : #460107 : -20
16 : #500108 : -18
18 : #5a0109 : -16
20 : #64020a : -14
22 : #6f020b : -12
24 : #79020c : -10
26 : #83020d : -8
28 : #8d020e : -6
30 : #97020f : -4
32 : #a10210 : -2
34 : #ab0311 : ±0
36 : #b50312 : +2
38 : #bf0313 : +4
40 : #c90314 : +6
42 : #d30315 : +8
44 : #dd0316 : +10
46 : #e70416 : +12
48 : #f10417 : +14
50 : #fb0418 : +16
52 : #fb0e22 : +18
54 : #fb182b : +20
56 : #fc2234 : +22
58 : #fc2c3d : +24
60 : #fc3647 : +26
62 : #fc4050 : +28
64 : #fc4a59 : +30
66 : #fc5462 : +32
68 : #fd5e6b : +34
70 : #fd6875 : +36
72 : #fd727e : +38
74 : #fd7c87 : +40
76 : #fd8690 : +42
78 : #fd909a : +44
80 : #fd9ba3 : +46
82 : #fea5ac : +48
84 : #feafb5 : +50
86 : #feb9be : +52
88 : #fec3c8 : +54
90 : #fecdd1 : +56
92 : #fed7da : +58
94 : #ffe1e3 : +60
96 : #ffebed : +62
98 : #fff5f6 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow