#ab8103
RGB ( 赤 = 171, 緑 = 129, 青 = 3 )
HSL ( 色相 = 45°, 彩度 = 97%, 明度 = 34% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab1103 : -40
15 : #ab2d03 : -30
25 : #ab4903 : -20
35 : #ab6503 : -10
45 : #ab8103 : ±0
55 : #ab9d03 : +10
65 : #9dab03 : +20
75 : #81ab03 : +30
85 : #65ab03 : +40
95 : #49ab03 : +50
105 : #2dab03 : +60
115 : #11ab03 : +70
125 : #03ab11 : +80
135 : #03ab2d : +90
145 : #03ab49 : +100
155 : #03ab65 : +110
165 : #03ab81 : +120
175 : #03ab9d : +130
185 : #039dab : +140
195 : #0381ab : +150
205 : #0365ab : +160
215 : #0349ab : +170
225 : #032dab : +180
235 : #0311ab : +190
245 : #1103ab : +200
255 : #2d03ab : +210
265 : #4903ab : +220
275 : #6503ab : +230
285 : #8103ab : +240
295 : #9d03ab : +250
305 : #ab039d : +260
315 : #ab0381 : +270
325 : #ab0365 : +280
335 : #ab0349 : +290
345 : #ab032d : +300
355 : #ab0311 : +310
35 : #ab6503 : -10
36 : #ab6803 : -9
37 : #ab6a03 : -8
38 : #ab6d03 : -7
39 : #ab7003 : -6
40 : #ab7303 : -5
41 : #ab7603 : -4
42 : #ab7803 : -3
43 : #ab7b03 : -2
44 : #ab7e03 : -1
45 : #ab8103 : ±0
46 : #ab8403 : +1
47 : #ab8603 : +2
48 : #ab8903 : +3
49 : #ab8c03 : +4
50 : #ab8f03 : +5
51 : #ab9203 : +6
52 : #ab9403 : +7
53 : #ab9703 : +8
54 : #ab9a03 : +9
55 : #ab9d03 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585756 : -96
3 : #595854 : -94
5 : #5b5952 : -92
7 : #5d5a51 : -90
9 : #5f5b4f : -88
11 : #605b4d : -86
13 : #625c4b : -84
15 : #645d4a : -82
17 : #655e48 : -80
19 : #675f46 : -78
21 : #696044 : -76
23 : #6b6143 : -74
25 : #6c6241 : -72
27 : #6e623f : -70
29 : #70633e : -68
31 : #72643c : -66
33 : #73653a : -64
35 : #756638 : -62
37 : #776737 : -60
39 : #796835 : -58
41 : #7a6833 : -56
43 : #7c6931 : -54
45 : #7e6a30 : -52
47 : #7f6b2e : -50
49 : #816c2c : -48
51 : #836d2a : -46
53 : #856e29 : -44
55 : #866f27 : -42
57 : #886f25 : -40
59 : #8a7024 : -38
61 : #8c7122 : -36
63 : #8d7220 : -34
65 : #8f731e : -32
67 : #91741d : -30
69 : #93751b : -28
71 : #947519 : -26
73 : #967617 : -24
75 : #987716 : -22
77 : #997814 : -20
79 : #9b7912 : -18
81 : #9d7a10 : -16
83 : #9f7b0f : -14
85 : #a07c0d : -12
87 : #a27c0b : -10
89 : #a47d0a : -8
91 : #a67e08 : -6
93 : #a77f06 : -4
95 : #a98004 : -2
97 : #ab8103 : ±0
99 : #ad8201 : +2
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #0a0800 : -32
4 : #140f00 : -30
6 : #1e1700 : -28
8 : #281e01 : -26
10 : #322601 : -24
12 : #3c2d01 : -22
14 : #463501 : -20
16 : #503d01 : -18
18 : #5a4401 : -16
20 : #644c02 : -14
22 : #6f5302 : -12
24 : #795b02 : -10
26 : #836202 : -8
28 : #8d6a02 : -6
30 : #977202 : -4
32 : #a17902 : -2
34 : #ab8103 : ±0
36 : #b58803 : +2
38 : #bf9003 : +4
40 : #c99703 : +6
42 : #d39f03 : +8
44 : #dda703 : +10
46 : #e7ae04 : +12
48 : #f1b604 : +14
50 : #fbbd04 : +16
52 : #fbc00e : +18
54 : #fbc318 : +20
56 : #fcc522 : +22
58 : #fcc82c : +24
60 : #fcca36 : +26
62 : #fccd40 : +28
64 : #fcd04a : +30
66 : #fcd254 : +32
68 : #fdd55e : +34
70 : #fdd868 : +36
72 : #fdda72 : +38
74 : #fddd7c : +40
76 : #fddf86 : +42
78 : #fde290 : +44
80 : #fde59b : +46
82 : #fee7a5 : +48
84 : #feeaaf : +50
86 : #feedb9 : +52
88 : #feefc3 : +54
90 : #fef2cd : +56
92 : #fef4d7 : +58
94 : #fff7e1 : +60
96 : #fffaeb : +62
98 : #fffcf5 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow