#9fa309
RGB ( 赤 = 159, 緑 = 163, 青 = 9 )
HSL ( 色相 = 62°, 彩度 = 90%, 明度 = 34% )
H : 色相 ( 62° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a50e09 : -60
12 : #a52809 : -50
22 : #a54209 : -40
32 : #a55c09 : -30
42 : #a57609 : -20
52 : #a59009 : -10
62 : #a0a509 : ±0
72 : #86a509 : +10
82 : #6ca509 : +20
92 : #51a509 : +30
102 : #37a509 : +40
112 : #1da509 : +50
122 : #09a50e : +60
132 : #09a528 : +70
142 : #09a542 : +80
152 : #09a55c : +90
162 : #09a576 : +100
172 : #09a590 : +110
182 : #09a0a5 : +120
192 : #0986a5 : +130
202 : #096ca5 : +140
212 : #0951a5 : +150
222 : #0937a5 : +160
232 : #091da5 : +170
242 : #0e09a5 : +180
252 : #2809a5 : +190
262 : #4209a5 : +200
272 : #5c09a5 : +210
282 : #7609a5 : +220
292 : #9009a5 : +230
302 : #a509a0 : +240
312 : #a50986 : +250
322 : #a5096c : +260
332 : #a50951 : +270
342 : #a50937 : +280
352 : #a5091d : +290
52 : #a59009 : -10
53 : #a59309 : -9
54 : #a59509 : -8
55 : #a59809 : -7
56 : #a59a09 : -6
57 : #a59d09 : -5
58 : #a5a009 : -4
59 : #a5a209 : -3
60 : #a5a509 : -2
61 : #a2a509 : -1
62 : #a0a509 : ±0
63 : #9da509 : +1
64 : #9aa509 : +2
65 : #98a509 : +3
66 : #95a509 : +4
67 : #93a509 : +5
68 : #90a509 : +6
69 : #8da509 : +7
70 : #8ba509 : +8
71 : #88a509 : +9
72 : #86a509 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -90
2 : #585855 : -88
4 : #5a5a53 : -86
6 : #5c5c51 : -84
8 : #5d5e50 : -82
10 : #5f5f4e : -80
12 : #60614c : -78
14 : #62634b : -76
16 : #646549 : -74
18 : #656647 : -72
20 : #676845 : -70
22 : #696a44 : -68
24 : #6a6c42 : -66
26 : #6c6d40 : -64
28 : #6d6f3e : -62
30 : #6f713d : -60
32 : #71723b : -58
34 : #727439 : -56
36 : #747637 : -54
38 : #757836 : -52
40 : #777934 : -50
42 : #797b32 : -48
44 : #7a7d31 : -46
46 : #7c7f2f : -44
48 : #7e802d : -42
50 : #7f822b : -40
52 : #81842a : -38
54 : #828628 : -36
56 : #848726 : -34
58 : #868924 : -32
60 : #878b23 : -30
62 : #898c21 : -28
64 : #8a8e1f : -26
66 : #8c901d : -24
68 : #8e921c : -22
70 : #8f931a : -20
72 : #919518 : -18
74 : #939717 : -16
76 : #949915 : -14
78 : #969a13 : -12
80 : #979c11 : -10
82 : #999e10 : -8
84 : #9ba00e : -6
86 : #9ca10c : -4
88 : #9ea30a : -2
90 : #a0a509 : ±0
92 : #a1a607 : +2
94 : #a3a805 : +4
96 : #a4aa03 : +6
98 : #a6ac02 : +8
100 : #a8ad00 : +10
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #090a01 : -32
4 : #131301 : -30
6 : #1c1d02 : -28
8 : #262702 : -26
10 : #2f3003 : -24
12 : #383a03 : -22
14 : #424404 : -20
16 : #4b4e04 : -18
18 : #545705 : -16
20 : #5e6105 : -14
22 : #676b06 : -12
24 : #717406 : -10
26 : #7a7e07 : -8
28 : #838807 : -6
30 : #8d9108 : -4
32 : #969b08 : -2
34 : #a0a509 : ±0
36 : #a9ae09 : +2
38 : #b2b80a : +4
40 : #bcc20a : +6
42 : #c5cb0b : +8
44 : #ced50b : +10
46 : #d8df0c : +12
48 : #e1e90c : +14
50 : #ebf20d : +16
52 : #ebf316 : +18
54 : #ecf320 : +20
56 : #edf42a : +22
58 : #eef434 : +24
60 : #eff53d : +26
62 : #eff547 : +28
64 : #f0f651 : +30
66 : #f1f65a : +32
68 : #f2f764 : +34
70 : #f3f76e : +36
72 : #f4f877 : +38
74 : #f4f881 : +40
76 : #f5f98b : +42
78 : #f6f994 : +44
80 : #f7fa9e : +46
82 : #f8faa8 : +48
84 : #f8fbb1 : +50
86 : #f9fbbb : +52
88 : #fafcc5 : +54
90 : #fbfccf : +56
92 : #fcfdd8 : +58
94 : #fdfde2 : +60
96 : #fdfeec : +62
98 : #fefef5 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow