#6c956a
RGB ( 赤 = 108, 緑 = 149, 青 = 106 )
HSL ( 色相 = 117°, 彩度 = 17%, 明度 = 50% )
H : 色相 ( 117° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #956f6a : -110
17 : #95766a : -100
27 : #957d6a : -90
37 : #95856a : -80
47 : #958c6a : -70
57 : #95936a : -60
67 : #90956a : -50
77 : #89956a : -40
87 : #82956a : -30
97 : #7a956a : -20
107 : #73956a : -10
117 : #6c956a : ±0
127 : #6a956f : +10
137 : #6a9576 : +20
147 : #6a957d : +30
157 : #6a9585 : +40
167 : #6a958c : +50
177 : #6a9593 : +60
187 : #6a9095 : +70
197 : #6a8995 : +80
207 : #6a8295 : +90
217 : #6a7a95 : +100
227 : #6a7395 : +110
237 : #6a6c95 : +120
247 : #6f6a95 : +130
257 : #766a95 : +140
267 : #7d6a95 : +150
277 : #856a95 : +160
287 : #8c6a95 : +170
297 : #936a95 : +180
307 : #956a90 : +190
317 : #956a89 : +200
327 : #956a82 : +210
337 : #956a7a : +220
347 : #956a73 : +230
357 : #956a6c : +240
107 : #73956a : -10
108 : #72956a : -9
109 : #72956a : -8
110 : #71956a : -7
111 : #70956a : -6
112 : #70956a : -5
113 : #6f956a : -4
114 : #6e956a : -3
115 : #6d956a : -2
116 : #6d956a : -1
117 : #6c956a : ±0
118 : #6b956a : +1
119 : #6b956a : +2
120 : #6a956a : +3
121 : #6a956b : +4
122 : #6a956b : +5
123 : #6a956c : +6
124 : #6a956d : +7
125 : #6a956d : +8
126 : #6a956e : +9
127 : #6a956f : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e817e : -16
3 : #7c837c : -14
5 : #7a8679 : -12
7 : #778877 : -10
9 : #758b74 : -8
11 : #738e71 : -6
13 : #71906f : -4
15 : #6e936c : -2
17 : #6c956a : ±0
19 : #6a9867 : +2
21 : #679a65 : +4
23 : #659d62 : +6
25 : #639f60 : +8
27 : #61a25d : +10
29 : #5ea45b : +12
31 : #5ca758 : +14
33 : #5aaa55 : +16
35 : #57ac53 : +18
37 : #55af50 : +20
39 : #53b14e : +22
41 : #50b44b : +24
43 : #4eb649 : +26
45 : #4cb946 : +28
47 : #4abb44 : +30
49 : #47be41 : +32
51 : #45c13e : +34
53 : #43c33c : +36
55 : #40c639 : +38
57 : #3ec837 : +40
59 : #3ccb34 : +42
61 : #3acd32 : +44
63 : #37d02f : +46
65 : #35d22d : +48
67 : #33d52a : +50
69 : #30d728 : +52
71 : #2eda25 : +54
73 : #2cdd22 : +56
75 : #29df20 : +58
77 : #27e21d : +60
79 : #25e41b : +62
81 : #23e718 : +64
83 : #20e916 : +66
85 : #1eec13 : +68
87 : #1cee11 : +70
89 : #19f10e : +72
91 : #17f40b : +74
93 : #15f609 : +76
95 : #12f906 : +78
97 : #10fb04 : +80
99 : #0efe01 : +82
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040604 : -48
4 : #090c08 : -46
6 : #0d120d : -44
8 : #111811 : -42
10 : #161e15 : -40
12 : #1a2419 : -38
14 : #1e2a1e : -36
16 : #233022 : -34
18 : #273626 : -32
20 : #2b3c2a : -30
22 : #30422f : -28
24 : #344833 : -26
26 : #384e37 : -24
28 : #3c543b : -22
30 : #415a3f : -20
32 : #455f44 : -18
34 : #496548 : -16
36 : #4e6b4c : -14
38 : #527150 : -12
40 : #567755 : -10
42 : #5b7d59 : -8
44 : #5f835d : -6
46 : #638961 : -4
48 : #688f66 : -2
50 : #6c956a : ±0
52 : #729970 : +2
54 : #789e76 : +4
56 : #7ea27c : +6
58 : #84a682 : +8
60 : #89aa88 : +10
62 : #8faf8e : +12
64 : #95b394 : +14
66 : #9bb79a : +16
68 : #a1bba0 : +18
70 : #a7c0a5 : +20
72 : #adc4ab : +22
74 : #b3c8b1 : +24
76 : #b8ccb7 : +26
78 : #bed0bd : +28
80 : #c4d5c3 : +30
82 : #cad9c9 : +32
84 : #d0ddcf : +34
86 : #d6e1d5 : +36
88 : #dce6db : +38
90 : #e2eae1 : +40
92 : #e7eee7 : +42
94 : #edf2ed : +44
96 : #f3f7f3 : +46
98 : #f9fbf9 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow