#7c966e
RGB ( 赤 = 124, 緑 = 150, 青 = 110 )
HSL ( 色相 = 99°, 彩度 = 16%, 明度 = 51% )
H : 色相 ( 99° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #96746e : -90
19 : #967b6e : -80
29 : #96816e : -70
39 : #96886e : -60
49 : #968f6e : -50
59 : #96956e : -40
69 : #90966e : -30
79 : #89966e : -20
89 : #83966e : -10
99 : #7c966e : ±0
109 : #75966e : +10
119 : #6f966e : +20
129 : #6e9674 : +30
139 : #6e967b : +40
149 : #6e9681 : +50
159 : #6e9688 : +60
169 : #6e968f : +70
179 : #6e9695 : +80
189 : #6e9096 : +90
199 : #6e8996 : +100
209 : #6e8396 : +110
219 : #6e7c96 : +120
229 : #6e7596 : +130
239 : #6e6f96 : +140
249 : #746e96 : +150
259 : #7b6e96 : +160
269 : #816e96 : +170
279 : #886e96 : +180
289 : #8f6e96 : +190
299 : #956e96 : +200
309 : #966e90 : +210
319 : #966e89 : +220
329 : #966e83 : +230
339 : #966e7c : +240
349 : #966e75 : +250
359 : #966e6f : +260
89 : #83966e : -10
90 : #82966e : -9
91 : #81966e : -8
92 : #81966e : -7
93 : #80966e : -6
94 : #7f966e : -5
95 : #7f966e : -4
96 : #7e966e : -3
97 : #7d966e : -2
98 : #7d966e : -1
99 : #7c966e : ±0
100 : #7b966e : +1
101 : #7b966e : +2
102 : #7a966e : +3
103 : #79966e : +4
104 : #79966e : +5
105 : #78966e : +6
106 : #77966e : +7
107 : #77966e : +8
108 : #76966e : +9
109 : #75966e : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -16
2 : #818580 : -14
4 : #81877d : -12
6 : #808a7b : -10
8 : #7f8c78 : -8
10 : #7e8f76 : -6
12 : #7e9173 : -4
14 : #7d9471 : -2
16 : #7c966e : ±0
18 : #7b996c : +2
20 : #7b9b69 : +4
22 : #7a9e67 : +6
24 : #79a064 : +8
26 : #78a362 : +10
28 : #78a55f : +12
30 : #77a85d : +14
32 : #76aa5a : +16
34 : #75ad58 : +18
36 : #75af55 : +20
38 : #74b253 : +22
40 : #73b450 : +24
42 : #72b74e : +26
44 : #72b94b : +28
46 : #71bc49 : +30
48 : #70be46 : +32
50 : #6fc144 : +34
52 : #6fc341 : +36
54 : #6ec63f : +38
56 : #6dc83c : +40
58 : #6ccb3a : +42
60 : #6ccd37 : +44
62 : #6bd035 : +46
64 : #6ad232 : +48
66 : #69d530 : +50
68 : #69d72d : +52
70 : #68da2b : +54
72 : #67dc28 : +56
74 : #66df26 : +58
76 : #66e123 : +60
78 : #65e421 : +62
80 : #64e61e : +64
82 : #63e91c : +66
84 : #63eb19 : +68
86 : #62ee17 : +70
88 : #61f014 : +72
90 : #60f312 : +74
92 : #60f50f : +76
94 : #5ff80d : +78
96 : #5efa0a : +80
98 : #5dfd08 : +82
100 : #5dff05 : +84
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -50
3 : #070906 : -48
5 : #0c0f0b : -46
7 : #11150f : -44
9 : #161b13 : -42
11 : #1b2118 : -40
13 : #20261c : -38
15 : #242c20 : -36
17 : #293224 : -34
19 : #2e3829 : -32
21 : #333e2d : -30
23 : #384431 : -28
25 : #3d4a36 : -26
27 : #42503a : -24
29 : #46563e : -22
31 : #4b5c42 : -20
33 : #506247 : -18
35 : #55684b : -16
37 : #5a6d4f : -14
39 : #5f7354 : -12
41 : #647958 : -10
43 : #687f5c : -8
45 : #6d8560 : -6
47 : #728b65 : -4
49 : #779169 : -2
51 : #7c966e : ±0
53 : #819a74 : +2
55 : #879f7a : +4
57 : #8ca380 : +6
59 : #91a786 : +8
61 : #97ab8c : +10
63 : #9cb092 : +12
65 : #a1b497 : +14
67 : #a7b89d : +16
69 : #acbda3 : +18
71 : #b2c1a9 : +20
73 : #b7c5af : +22
75 : #bcc9b5 : +24
77 : #c2cebb : +26
79 : #c7d2c1 : +28
81 : #ccd6c7 : +30
83 : #d2dbcd : +32
85 : #d7dfd3 : +34
87 : #dce3d9 : +36
89 : #e2e7de : +38
91 : #e7ece4 : +40
93 : #ecf0ea : +42
95 : #f2f4f0 : +44
97 : #f7f9f6 : +46
99 : #fcfdfc : +48
CSS入門、作ってます。
text-shadow