#7f9c44
RGB ( 赤 = 127, 緑 = 156, 青 = 68 )
HSL ( 色相 = 80°, 彩度 = 39%, 明度 = 44% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #9c4444 : -80
10 : #9c5344 : -70
20 : #9c6244 : -60
30 : #9c7044 : -50
40 : #9c7f44 : -40
50 : #9c8d44 : -30
60 : #9c9c44 : -20
70 : #8d9c44 : -10
80 : #7f9c44 : ±0
90 : #709c44 : +10
100 : #629c44 : +20
110 : #539c44 : +30
120 : #449c44 : +40
130 : #449c53 : +50
140 : #449c62 : +60
150 : #449c70 : +70
160 : #449c7f : +80
170 : #449c8d : +90
180 : #449c9c : +100
190 : #448d9c : +110
200 : #447f9c : +120
210 : #44709c : +130
220 : #44629c : +140
230 : #44539c : +150
240 : #44449c : +160
250 : #53449c : +170
260 : #62449c : +180
270 : #70449c : +190
280 : #7f449c : +200
290 : #8d449c : +210
300 : #9c449c : +220
310 : #9c448d : +230
320 : #9c447f : +240
330 : #9c4470 : +250
340 : #9c4462 : +260
350 : #9c4453 : +270
70 : #8d9c44 : -10
71 : #8c9c44 : -9
72 : #8a9c44 : -8
73 : #899c44 : -7
74 : #889c44 : -6
75 : #869c44 : -5
76 : #859c44 : -4
77 : #839c44 : -3
78 : #829c44 : -2
79 : #809c44 : -1
80 : #7f9c44 : ±0
81 : #7d9c44 : +1
82 : #7c9c44 : +2
83 : #7a9c44 : +3
84 : #799c44 : +4
85 : #779c44 : +5
86 : #769c44 : +6
87 : #759c44 : +7
88 : #739c44 : +8
89 : #729c44 : +9
90 : #709c44 : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #71716f : -38
3 : #71746d : -36
5 : #72766b : -34
7 : #737868 : -32
9 : #747a66 : -30
11 : #747d64 : -28
13 : #757f62 : -26
15 : #76815f : -24
17 : #77835d : -22
19 : #77865b : -20
21 : #788859 : -18
23 : #798a56 : -16
25 : #7a8c54 : -14
27 : #7a8e52 : -12
29 : #7b9150 : -10
31 : #7c934d : -8
33 : #7d954b : -6
35 : #7d9749 : -4
37 : #7e9a47 : -2
39 : #7f9c44 : ±0
41 : #809e42 : +2
43 : #80a040 : +4
45 : #81a33e : +6
47 : #82a53b : +8
49 : #83a739 : +10
51 : #83a937 : +12
53 : #84ac35 : +14
55 : #85ae32 : +16
57 : #86b030 : +18
59 : #86b22e : +20
61 : #87b52c : +22
63 : #88b72a : +24
65 : #89b927 : +26
67 : #89bb25 : +28
69 : #8abe23 : +30
71 : #8bc021 : +32
73 : #8cc21e : +34
75 : #8cc41c : +36
77 : #8dc71a : +38
79 : #8ec918 : +40
81 : #8ecb15 : +42
83 : #8fcd13 : +44
85 : #90d011 : +46
87 : #91d20f : +48
89 : #91d40c : +50
91 : #92d60a : +52
93 : #93d908 : +54
95 : #94db06 : +56
97 : #94dd03 : +58
99 : #95df01 : +60
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #060703 : -42
4 : #0c0e06 : -40
6 : #111509 : -38
8 : #171c0c : -36
10 : #1d2310 : -34
12 : #232b13 : -32
14 : #283216 : -30
16 : #2e3919 : -28
18 : #34401c : -26
20 : #3a471f : -24
22 : #3f4e22 : -22
24 : #455525 : -20
26 : #4b5c28 : -18
28 : #51632c : -16
30 : #566a2f : -14
32 : #5c7132 : -12
34 : #627935 : -10
36 : #688038 : -8
38 : #6d873b : -6
40 : #738e3e : -4
42 : #799541 : -2
44 : #7f9c44 : ±0
46 : #85a348 : +2
48 : #8aaa4b : +4
50 : #90b14e : +6
52 : #95b455 : +8
54 : #99b75c : +10
56 : #9dbb63 : +12
58 : #a2be6a : +14
60 : #a6c171 : +16
62 : #abc478 : +18
64 : #afc77f : +20
66 : #b4ca86 : +22
68 : #b8cd8e : +24
70 : #bcd095 : +26
72 : #c1d39c : +28
74 : #c5d7a3 : +30
76 : #cadaaa : +32
78 : #ceddb1 : +34
80 : #d3e0b8 : +36
82 : #d7e3bf : +38
84 : #dce6c6 : +40
86 : #e0e9cd : +42
88 : #e4ecd4 : +44
90 : #e9efdc : +46
92 : #edf3e3 : +48
94 : #f2f6ea : +50
96 : #f6f9f1 : +52
98 : #fbfcf8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow