#a3a300
RGB ( 赤 = 163, 緑 = 163, 青 = 0 )
HSL ( 色相 = 60°, 彩度 = 100%, 明度 = 32% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #a30000 : -60
10 : #a31b00 : -50
20 : #a33600 : -40
30 : #a35200 : -30
40 : #a36d00 : -20
50 : #a38800 : -10
60 : #a3a300 : ±0
70 : #88a300 : +10
80 : #6da300 : +20
90 : #52a300 : +30
100 : #36a300 : +40
110 : #1ba300 : +50
120 : #00a300 : +60
130 : #00a31b : +70
140 : #00a336 : +80
150 : #00a352 : +90
160 : #00a36d : +100
170 : #00a388 : +110
180 : #00a3a3 : +120
190 : #0088a3 : +130
200 : #006da3 : +140
210 : #0052a3 : +150
220 : #0036a3 : +160
230 : #001ba3 : +170
240 : #0000a3 : +180
250 : #1b00a3 : +190
260 : #3600a3 : +200
270 : #5200a3 : +210
280 : #6d00a3 : +220
290 : #8800a3 : +230
300 : #a300a3 : +240
310 : #a30088 : +250
320 : #a3006d : +260
330 : #a30052 : +270
340 : #a30036 : +280
350 : #a3001b : +290
50 : #a38800 : -10
51 : #a38b00 : -9
52 : #a38d00 : -8
53 : #a39000 : -7
54 : #a39300 : -6
55 : #a39600 : -5
56 : #a39800 : -4
57 : #a39b00 : -3
58 : #a39e00 : -2
59 : #a3a000 : -1
60 : #a3a300 : ±0
61 : #a0a300 : +1
62 : #9ea300 : +2
63 : #9ba300 : +3
64 : #98a300 : +4
65 : #96a300 : +5
66 : #93a300 : +6
67 : #90a300 : +7
68 : #8da300 : +8
69 : #8ba300 : +9
70 : #88a300 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -100
2 : #535350 : -98
4 : #55554e : -96
6 : #56564d : -94
8 : #58584b : -92
10 : #5a5a49 : -90
12 : #5b5b48 : -88
14 : #5d5d46 : -86
16 : #5f5f45 : -84
18 : #606043 : -82
20 : #626241 : -80
22 : #646440 : -78
24 : #65653e : -76
26 : #67673c : -74
28 : #68683b : -72
30 : #6a6a39 : -70
32 : #6c6c37 : -68
34 : #6d6d36 : -66
36 : #6f6f34 : -64
38 : #717133 : -62
40 : #727231 : -60
42 : #74742f : -58
44 : #76762e : -56
46 : #77772c : -54
48 : #79792a : -52
50 : #7a7a29 : -50
52 : #7c7c27 : -48
54 : #7e7e26 : -46
56 : #7f7f24 : -44
58 : #818122 : -42
60 : #838321 : -40
62 : #84841f : -38
64 : #86861d : -36
66 : #87871c : -34
68 : #89891a : -32
70 : #8b8b18 : -30
72 : #8c8c17 : -28
74 : #8e8e15 : -26
76 : #909014 : -24
78 : #919112 : -22
80 : #939310 : -20
82 : #95950f : -18
84 : #96960d : -16
86 : #98980b : -14
88 : #99990a : -12
90 : #9b9b08 : -10
92 : #9d9d07 : -8
94 : #9e9e05 : -6
96 : #a0a003 : -4
98 : #a2a202 : -2
100 : #a3a300 : ±0
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #0a0a00 : -30
4 : #141400 : -28
6 : #1f1f00 : -26
8 : #292900 : -24
10 : #333300 : -22
12 : #3d3d00 : -20
14 : #474700 : -18
16 : #525200 : -16
18 : #5c5c00 : -14
20 : #666600 : -12
22 : #707000 : -10
24 : #7a7a00 : -8
26 : #858500 : -6
28 : #8f8f00 : -4
30 : #999900 : -2
32 : #a3a300 : ±0
34 : #adad00 : +2
36 : #b8b800 : +4
38 : #c2c200 : +6
40 : #cccc00 : +8
42 : #d6d600 : +10
44 : #e0e000 : +12
46 : #ebeb00 : +14
48 : #f5f500 : +16
50 : #ffff00 : +18
52 : #ffff0a : +20
54 : #ffff14 : +22
56 : #ffff1f : +24
58 : #ffff29 : +26
60 : #ffff33 : +28
62 : #ffff3d : +30
64 : #ffff47 : +32
66 : #ffff52 : +34
68 : #ffff5c : +36
70 : #ffff66 : +38
72 : #ffff70 : +40
74 : #ffff7a : +42
76 : #ffff85 : +44
78 : #ffff8f : +46
80 : #ffff99 : +48
82 : #ffffa3 : +50
84 : #ffffad : +52
86 : #ffffb8 : +54
88 : #ffffc2 : +56
90 : #ffffcc : +58
92 : #ffffd6 : +60
94 : #ffffe0 : +62
96 : #ffffeb : +64
98 : #fffff5 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow