#7e7016
RGB ( 赤 = 126, 緑 = 112, 青 = 22 )
HSL ( 色相 = 52°, 彩度 = 70%, 明度 = 29% )
H : 色相 ( 52° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #7e1a16 : -50
12 : #7e2b16 : -40
22 : #7e3c16 : -30
32 : #7e4d16 : -20
42 : #7e5f16 : -10
52 : #7e7016 : ±0
62 : #7a7e16 : +10
72 : #697e16 : +20
82 : #587e16 : +30
92 : #467e16 : +40
102 : #357e16 : +50
112 : #247e16 : +60
122 : #167e1a : +70
132 : #167e2b : +80
142 : #167e3c : +90
152 : #167e4d : +100
162 : #167e5f : +110
172 : #167e70 : +120
182 : #167a7e : +130
192 : #16697e : +140
202 : #16587e : +150
212 : #16467e : +160
222 : #16357e : +170
232 : #16247e : +180
242 : #1a167e : +190
252 : #2b167e : +200
262 : #3c167e : +210
272 : #4d167e : +220
282 : #5f167e : +230
292 : #70167e : +240
302 : #7e167a : +250
312 : #7e1669 : +260
322 : #7e1658 : +270
332 : #7e1646 : +280
342 : #7e1635 : +290
352 : #7e1624 : +300
42 : #7e5f16 : -10
43 : #7e6016 : -9
44 : #7e6216 : -8
45 : #7e6416 : -7
46 : #7e6616 : -6
47 : #7e6716 : -5
48 : #7e6916 : -4
49 : #7e6b16 : -3
50 : #7e6c16 : -2
51 : #7e6e16 : -1
52 : #7e7016 : ±0
53 : #7e7216 : +1
54 : #7e7316 : +2
55 : #7e7516 : +3
56 : #7e7716 : +4
57 : #7e7916 : +5
58 : #7e7a16 : +6
59 : #7e7c16 : +7
60 : #7e7e16 : +8
61 : #7c7e16 : +9
62 : #7a7e16 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -70
2 : #4b4b48 : -68
4 : #4d4c47 : -66
6 : #4e4d46 : -64
8 : #504e44 : -62
10 : #514f43 : -60
12 : #535041 : -58
14 : #545240 : -56
16 : #56533e : -54
18 : #57543d : -52
20 : #59553b : -50
22 : #5a563a : -48
24 : #5c5738 : -46
26 : #5d5837 : -44
28 : #5f5935 : -42
30 : #605a34 : -40
32 : #625b32 : -38
34 : #635c31 : -36
36 : #655d2f : -34
38 : #665f2e : -32
40 : #68602c : -30
42 : #69612b : -28
44 : #6a6229 : -26
46 : #6c6328 : -24
48 : #6d6426 : -22
50 : #6f6525 : -20
52 : #706623 : -18
54 : #726722 : -16
56 : #736821 : -14
58 : #75691f : -12
60 : #766a1e : -10
62 : #786c1c : -8
64 : #796d1b : -6
66 : #7b6e19 : -4
68 : #7c6f18 : -2
70 : #7e7016 : ±0
72 : #7f7115 : +2
74 : #817213 : +4
76 : #827312 : +6
78 : #847410 : +8
80 : #85750f : +10
82 : #87760d : +12
84 : #88780c : +14
86 : #8a790a : +16
88 : #8b7a09 : +18
90 : #8d7b07 : +20
92 : #8e7c06 : +22
94 : #8f7d04 : +24
96 : #917e03 : +26
98 : #927f01 : +28
100 : #948000 : +30
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -28
3 : #0d0c02 : -26
5 : #161304 : -24
7 : #1e1b05 : -22
9 : #272307 : -20
11 : #302a08 : -18
13 : #38320a : -16
15 : #413a0b : -14
17 : #4a420d : -12
19 : #52490f : -10
21 : #5b5110 : -8
23 : #645912 : -6
25 : #6c6013 : -4
27 : #756815 : -2
29 : #7e7016 : ±0
31 : #867818 : +2
33 : #8f7f19 : +4
35 : #98871b : +6
37 : #a08f1c : +8
39 : #a9971e : +10
41 : #b29e1f : +12
43 : #baa621 : +14
45 : #c3ae22 : +16
47 : #ccb524 : +18
49 : #d4bd25 : +20
51 : #dac22b : +22
53 : #dbc533 : +24
55 : #ddc73c : +26
57 : #deca45 : +28
59 : #e0cc4d : +30
61 : #e1cf56 : +32
63 : #e3d15f : +34
65 : #e4d467 : +36
67 : #e6d670 : +38
69 : #e7d979 : +40
71 : #e9db81 : +42
73 : #eadd8a : +44
75 : #ece093 : +46
77 : #ede29b : +48
79 : #efe5a4 : +50
81 : #f0e7ad : +52
83 : #f2eab5 : +54
85 : #f4ecbe : +56
87 : #f5efc7 : +58
89 : #f7f1cf : +60
91 : #f8f4d8 : +62
93 : #faf6e1 : +64
95 : #fbf9e9 : +66
97 : #fdfbf2 : +68
99 : #fefefb : +70
CSS入門、作ってます。
text-shadow