#a7a102
RGB ( 赤 = 167, 緑 = 161, 青 = 2 )
HSL ( 色相 = 58°, 彩度 = 98%, 明度 = 33% )
H : 色相 ( 58° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #a71802 : -50
18 : #a73302 : -40
28 : #a74f02 : -30
38 : #a76a02 : -20
48 : #a78602 : -10
58 : #a7a102 : ±0
68 : #91a702 : +10
78 : #75a702 : +20
88 : #5aa702 : +30
98 : #3ea702 : +40
108 : #23a702 : +50
118 : #07a702 : +60
128 : #02a718 : +70
138 : #02a733 : +80
148 : #02a74f : +90
158 : #02a76a : +100
168 : #02a786 : +110
178 : #02a7a1 : +120
188 : #0291a7 : +130
198 : #0275a7 : +140
208 : #025aa7 : +150
218 : #023ea7 : +160
228 : #0223a7 : +170
238 : #0207a7 : +180
248 : #1802a7 : +190
258 : #3302a7 : +200
268 : #4f02a7 : +210
278 : #6a02a7 : +220
288 : #8602a7 : +230
298 : #a102a7 : +240
308 : #a70291 : +250
318 : #a70275 : +260
328 : #a7025a : +270
338 : #a7023e : +280
348 : #a70223 : +290
358 : #a70207 : +300
48 : #a78602 : -10
49 : #a78802 : -9
50 : #a78b02 : -8
51 : #a78e02 : -7
52 : #a79102 : -6
53 : #a79302 : -5
54 : #a79602 : -4
55 : #a79902 : -3
56 : #a79c02 : -2
57 : #a79e02 : -1
58 : #a7a102 : ±0
59 : #a7a402 : +1
60 : #a7a702 : +2
61 : #a4a702 : +3
62 : #a1a702 : +4
63 : #9ea702 : +5
64 : #9ca702 : +6
65 : #99a702 : +7
66 : #96a702 : +8
67 : #93a702 : +9
68 : #91a702 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -98
2 : #565652 : -96
4 : #585751 : -94
6 : #59594f : -92
8 : #5b5a4d : -90
10 : #5d5c4c : -88
12 : #5e5e4a : -86
14 : #605f48 : -84
16 : #626147 : -82
18 : #636245 : -80
20 : #656443 : -78
22 : #676542 : -76
24 : #686740 : -74
26 : #6a693e : -72
28 : #6c6a3d : -70
30 : #6d6c3b : -68
32 : #6f6d39 : -66
34 : #716f38 : -64
36 : #727036 : -62
38 : #747234 : -60
40 : #767432 : -58
42 : #777531 : -56
44 : #79772f : -54
46 : #7b782d : -52
48 : #7d7a2c : -50
50 : #7e7b2a : -48
52 : #807d28 : -46
54 : #827f27 : -44
56 : #838025 : -42
58 : #858223 : -40
60 : #878322 : -38
62 : #888520 : -36
64 : #8a861e : -34
66 : #8c881d : -32
68 : #8d8a1b : -30
70 : #8f8b19 : -28
72 : #918d18 : -26
74 : #928e16 : -24
76 : #949014 : -22
78 : #969113 : -20
80 : #979311 : -18
82 : #99950f : -16
84 : #9b960d : -14
86 : #9d980c : -12
88 : #9e990a : -10
90 : #a09b08 : -8
92 : #a29c07 : -6
94 : #a39e05 : -4
96 : #a5a003 : -2
98 : #a7a102 : ±0
100 : #a8a300 : +2
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #050500 : -32
3 : #0f0f00 : -30
5 : #191800 : -28
7 : #232200 : -26
9 : #2d2c00 : -24
11 : #383601 : -22
13 : #423f01 : -20
15 : #4c4901 : -18
17 : #565301 : -16
19 : #605d01 : -14
21 : #6a6701 : -12
23 : #747001 : -10
25 : #7e7a01 : -8
27 : #888401 : -6
29 : #928e01 : -4
31 : #9d9702 : -2
33 : #a7a102 : ±0
35 : #b1ab02 : +2
37 : #bbb502 : +4
39 : #c5be02 : +6
41 : #cfc802 : +8
43 : #d9d202 : +10
45 : #e3dc02 : +12
47 : #ede502 : +14
49 : #f7ef02 : +16
51 : #fdf408 : +18
53 : #fdf512 : +20
55 : #fdf51c : +22
57 : #fdf626 : +24
59 : #fdf630 : +26
61 : #fdf73a : +28
63 : #fdf744 : +30
65 : #fdf74e : +32
67 : #fdf858 : +34
69 : #fdf862 : +36
71 : #fef96d : +38
73 : #fef977 : +40
75 : #fefa81 : +42
77 : #fefa8b : +44
79 : #fefa95 : +46
81 : #fefb9f : +48
83 : #fefba9 : +50
85 : #fefcb3 : +52
87 : #fefcbd : +54
89 : #fefdc7 : +56
91 : #fffdd2 : +58
93 : #fffddc : +60
95 : #fffee6 : +62
97 : #fffef0 : +64
99 : #fffffa : +66
CSS入門、作ってます。
text-shadow