#7f9064
RGB ( 赤 = 127, 緑 = 144, 青 = 100 )
HSL ( 色相 = 83°, 彩度 = 18%, 明度 = 48% )
H : 色相 ( 83° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #906764 : -80
13 : #906e64 : -70
23 : #907564 : -60
33 : #907d64 : -50
43 : #908464 : -40
53 : #908b64 : -30
63 : #8e9064 : -20
73 : #879064 : -10
83 : #809064 : ±0
93 : #789064 : +10
103 : #719064 : +20
113 : #6a9064 : +30
123 : #649067 : +40
133 : #64906e : +50
143 : #649075 : +60
153 : #64907d : +70
163 : #649084 : +80
173 : #64908b : +90
183 : #648e90 : +100
193 : #648790 : +110
203 : #648090 : +120
213 : #647890 : +130
223 : #647190 : +140
233 : #646a90 : +150
243 : #676490 : +160
253 : #6e6490 : +170
263 : #756490 : +180
273 : #7d6490 : +190
283 : #846490 : +200
293 : #8b6490 : +210
303 : #90648e : +220
313 : #906487 : +230
323 : #906480 : +240
333 : #906478 : +250
343 : #906471 : +260
353 : #90646a : +270
73 : #879064 : -10
74 : #869064 : -9
75 : #859064 : -8
76 : #859064 : -7
77 : #849064 : -6
78 : #839064 : -5
79 : #829064 : -4
80 : #829064 : -3
81 : #819064 : -2
82 : #809064 : -1
83 : #809064 : ±0
84 : #7f9064 : +1
85 : #7e9064 : +2
86 : #7d9064 : +3
87 : #7d9064 : +4
88 : #7c9064 : +5
89 : #7b9064 : +6
90 : #7a9064 : +7
91 : #7a9064 : +8
92 : #799064 : +9
93 : #789064 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -18
2 : #7b7d78 : -16
4 : #7c7f76 : -14
6 : #7c8273 : -12
8 : #7d8471 : -10
10 : #7d876e : -8
12 : #7e896c : -6
14 : #7e8c69 : -4
16 : #7f8e67 : -2
18 : #809064 : ±0
20 : #809362 : +2
22 : #81955f : +4
24 : #81985d : +6
26 : #829a5b : +8
28 : #829d58 : +10
30 : #839f56 : +12
32 : #84a253 : +14
34 : #84a451 : +16
36 : #85a64e : +18
38 : #85a94c : +20
40 : #86ab49 : +22
42 : #86ae47 : +24
44 : #87b045 : +26
46 : #88b342 : +28
48 : #88b540 : +30
50 : #89b83d : +32
52 : #89ba3b : +34
54 : #8abc38 : +36
56 : #8abf36 : +38
58 : #8bc133 : +40
60 : #8cc431 : +42
62 : #8cc62f : +44
64 : #8dc92c : +46
66 : #8dcb2a : +48
68 : #8ece27 : +50
70 : #8ed025 : +52
72 : #8fd322 : +54
74 : #90d520 : +56
76 : #90d71d : +58
78 : #91da1b : +60
80 : #91dc18 : +62
82 : #92df16 : +64
84 : #92e114 : +66
86 : #93e411 : +68
88 : #94e60f : +70
90 : #94e90c : +72
92 : #95eb0a : +74
94 : #95ed07 : +76
96 : #96f005 : +78
98 : #96f202 : +80
100 : #97f500 : +82
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #050604 : -46
4 : #0b0c08 : -44
6 : #10120d : -42
8 : #151811 : -40
10 : #1b1e15 : -38
12 : #202419 : -36
14 : #252a1d : -34
16 : #2b3021 : -32
18 : #303626 : -30
20 : #353c2a : -28
22 : #3a422e : -26
24 : #404832 : -24
26 : #454e36 : -22
28 : #4a543b : -20
30 : #505a3f : -18
32 : #556043 : -16
34 : #5a6647 : -14
36 : #606c4b : -12
38 : #65724f : -10
40 : #6a7854 : -8
42 : #707e58 : -6
44 : #75845c : -4
46 : #7a8a60 : -2
48 : #809064 : ±0
50 : #859669 : +2
52 : #8a9b6f : +4
54 : #8f9f75 : +6
56 : #94a37b : +8
58 : #98a781 : +10
60 : #9dab87 : +12
62 : #a2b08d : +14
64 : #a7b493 : +16
66 : #acb899 : +18
68 : #b1bc9f : +20
70 : #b6c0a5 : +22
72 : #bbc4ab : +24
74 : #bfc9b1 : +26
76 : #c4cdb7 : +28
78 : #c9d1bd : +30
80 : #ced5c3 : +32
82 : #d3d9c9 : +34
84 : #d8decf : +36
86 : #dde2d5 : +38
88 : #e2e6db : +40
90 : #e7eae1 : +42
92 : #ebeee7 : +44
94 : #f0f2ed : +46
96 : #f5f7f3 : +48
98 : #fafbf9 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow