#6b9a60
RGB ( 赤 = 107, 緑 = 154, 青 = 96 )
HSL ( 色相 = 109°, 彩度 = 23%, 明度 = 49% )
H : 色相 ( 109° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #9a6960 : -100
19 : #9a7260 : -90
29 : #9a7c60 : -80
39 : #9a8660 : -70
49 : #9a8f60 : -60
59 : #9a9960 : -50
69 : #919a60 : -40
79 : #879a60 : -30
89 : #7e9a60 : -20
99 : #749a60 : -10
109 : #6b9a60 : ±0
119 : #619a60 : +10
129 : #609a69 : +20
139 : #609a72 : +30
149 : #609a7c : +40
159 : #609a86 : +50
169 : #609a8f : +60
179 : #609a99 : +70
189 : #60919a : +80
199 : #60879a : +90
209 : #607e9a : +100
219 : #60749a : +110
229 : #606b9a : +120
239 : #60619a : +130
249 : #69609a : +140
259 : #72609a : +150
269 : #7c609a : +160
279 : #86609a : +170
289 : #8f609a : +180
299 : #99609a : +190
309 : #9a6091 : +200
319 : #9a6087 : +210
329 : #9a607e : +220
339 : #9a6074 : +230
349 : #9a606b : +240
359 : #9a6061 : +250
99 : #749a60 : -10
100 : #739a60 : -9
101 : #729a60 : -8
102 : #719a60 : -7
103 : #709a60 : -6
104 : #709a60 : -5
105 : #6f9a60 : -4
106 : #6e9a60 : -3
107 : #6d9a60 : -2
108 : #6c9a60 : -1
109 : #6b9a60 : ±0
110 : #6a9a60 : +1
111 : #699a60 : +2
112 : #689a60 : +3
113 : #679a60 : +4
114 : #669a60 : +5
115 : #659a60 : +6
116 : #649a60 : +7
117 : #639a60 : +8
118 : #629a60 : +9
119 : #619a60 : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7c : -22
3 : #7b8179 : -20
5 : #798377 : -18
7 : #778674 : -16
9 : #768872 : -14
11 : #748b6f : -12
13 : #738d6d : -10
15 : #71906a : -8
17 : #6f9268 : -6
19 : #6e9565 : -4
21 : #6c9763 : -2
23 : #6b9a60 : ±0
25 : #699c5e : +2
27 : #689f5b : +4
29 : #66a159 : +6
31 : #64a456 : +8
33 : #63a654 : +10
35 : #61a951 : +12
37 : #60ab4f : +14
39 : #5eae4c : +16
41 : #5db04a : +18
43 : #5bb347 : +20
45 : #59b545 : +22
47 : #58b842 : +24
49 : #56ba40 : +26
51 : #55bd3d : +28
53 : #53bf3b : +30
55 : #51c238 : +32
57 : #50c436 : +34
59 : #4ec733 : +36
61 : #4dc931 : +38
63 : #4bcc2e : +40
65 : #4ace2c : +42
67 : #48d129 : +44
69 : #46d327 : +46
71 : #45d624 : +48
73 : #43d822 : +50
75 : #42db1f : +52
77 : #40dd1d : +54
79 : #3ee01a : +56
81 : #3de218 : +58
83 : #3be515 : +60
85 : #3ae713 : +62
87 : #38ea10 : +64
89 : #37ec0e : +66
91 : #35ef0b : +68
93 : #33f109 : +70
95 : #32f406 : +72
97 : #30f604 : +74
99 : #2ff901 : +76
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -48
3 : #070906 : -46
5 : #0b100a : -44
7 : #0f160e : -42
9 : #141c12 : -40
11 : #182316 : -38
13 : #1c291a : -36
15 : #212f1d : -34
17 : #253521 : -32
19 : #293c25 : -30
21 : #2e4229 : -28
23 : #32482d : -26
25 : #364e31 : -24
27 : #3b5535 : -22
29 : #3f5b39 : -20
31 : #44613d : -18
33 : #486841 : -16
35 : #4c6e45 : -14
37 : #517449 : -12
39 : #557a4d : -10
41 : #598151 : -8
43 : #5e8754 : -6
45 : #628d58 : -4
47 : #66935c : -2
49 : #6b9a60 : ±0
51 : #709f65 : +2
53 : #76a36c : +4
55 : #7ca772 : +6
57 : #81ab78 : +8
59 : #87ae7e : +10
61 : #8db285 : +12
63 : #93b68b : +14
65 : #99ba91 : +16
67 : #9fbe97 : +18
69 : #a4c29e : +20
71 : #aac6a4 : +22
73 : #b0caaa : +24
75 : #b6ceb1 : +26
77 : #bcd2b7 : +28
79 : #c2d6bd : +30
81 : #c7dac3 : +32
83 : #cddeca : +34
85 : #d3e2d0 : +36
87 : #d9e5d6 : +38
89 : #dfe9dc : +40
91 : #e5ede3 : +42
93 : #ebf1e9 : +44
95 : #f0f5ef : +46
97 : #f6f9f6 : +48
99 : #fcfdfc : +50
CSS入門、作ってます。
text-shadow