#6b9763
RGB ( 赤 = 107, 緑 = 151, 青 = 99 )
HSL ( 色相 = 111°, 彩度 = 21%, 明度 = 49% )
H : 色相 ( 111° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #976463 : -110
11 : #976c63 : -100
21 : #977563 : -90
31 : #977e63 : -80
41 : #978763 : -70
51 : #978f63 : -60
61 : #969763 : -50
71 : #8e9763 : -40
81 : #859763 : -30
91 : #7c9763 : -20
101 : #739763 : -10
111 : #6b9763 : ±0
121 : #639764 : +10
131 : #63976c : +20
141 : #639775 : +30
151 : #63977e : +40
161 : #639787 : +50
171 : #63978f : +60
181 : #639697 : +70
191 : #638e97 : +80
201 : #638597 : +90
211 : #637c97 : +100
221 : #637397 : +110
231 : #636b97 : +120
241 : #646397 : +130
251 : #6c6397 : +140
261 : #756397 : +150
271 : #7e6397 : +160
281 : #876397 : +170
291 : #8f6397 : +180
301 : #976396 : +190
311 : #97638e : +200
321 : #976385 : +210
331 : #97637c : +220
341 : #976373 : +230
351 : #97636b : +240
101 : #739763 : -10
102 : #729763 : -9
103 : #729763 : -8
104 : #719763 : -7
105 : #709763 : -6
106 : #6f9763 : -5
107 : #6e9763 : -4
108 : #6d9763 : -3
109 : #6c9763 : -2
110 : #6b9763 : -1
111 : #6b9763 : ±0
112 : #6a9763 : +1
113 : #699763 : +2
114 : #689763 : +3
115 : #679763 : +4
116 : #669763 : +5
117 : #659763 : +6
118 : #649763 : +7
119 : #649763 : +8
120 : #639763 : +9
121 : #639764 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7c : -20
3 : #7a8179 : -18
5 : #798377 : -16
7 : #778674 : -14
9 : #758872 : -12
11 : #738b6f : -10
13 : #728d6d : -8
15 : #70906a : -6
17 : #6e9268 : -4
19 : #6c9565 : -2
21 : #6b9763 : ±0
23 : #699a60 : +2
25 : #679c5e : +4
27 : #659f5b : +6
29 : #64a159 : +8
31 : #62a456 : +10
33 : #60a654 : +12
35 : #5ea951 : +14
37 : #5dab4f : +16
39 : #5bae4c : +18
41 : #59b04a : +20
43 : #57b347 : +22
45 : #56b545 : +24
47 : #54b842 : +26
49 : #52ba40 : +28
51 : #50bd3d : +30
53 : #4fbf3b : +32
55 : #4dc238 : +34
57 : #4bc436 : +36
59 : #49c733 : +38
61 : #48c931 : +40
63 : #46cc2e : +42
65 : #44ce2c : +44
67 : #42d129 : +46
69 : #41d327 : +48
71 : #3fd624 : +50
73 : #3dd822 : +52
75 : #3bdb1f : +54
77 : #3add1d : +56
79 : #38e01a : +58
81 : #36e218 : +60
83 : #34e515 : +62
85 : #33e713 : +64
87 : #31ea10 : +66
89 : #2fec0e : +68
91 : #2def0b : +70
93 : #2cf109 : +72
95 : #2af406 : +74
97 : #28f604 : +76
99 : #26f901 : +78
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -48
3 : #070906 : -46
5 : #0b0f0a : -44
7 : #0f160e : -42
9 : #141c12 : -40
11 : #182216 : -38
13 : #1c281a : -36
15 : #212e1e : -34
17 : #253422 : -32
19 : #293b26 : -30
21 : #2e412a : -28
23 : #32472e : -26
25 : #364d32 : -24
27 : #3b5336 : -22
29 : #3f593a : -20
31 : #43603e : -18
33 : #486642 : -16
35 : #4c6c47 : -14
37 : #50724b : -12
39 : #55784f : -10
41 : #597f53 : -8
43 : #5e8557 : -6
45 : #628b5b : -4
47 : #66915f : -2
49 : #6b9763 : ±0
51 : #709c68 : +2
53 : #76a06e : +4
55 : #7ba474 : +6
57 : #81a87a : +8
59 : #87ac80 : +10
61 : #8db087 : +12
63 : #93b48d : +14
65 : #99b893 : +16
67 : #9ebd99 : +18
69 : #a4c19f : +20
71 : #aac5a6 : +22
73 : #b0c9ac : +24
75 : #b6cdb2 : +26
77 : #bcd1b8 : +28
79 : #c2d5be : +30
81 : #c7d9c4 : +32
83 : #cdddcb : +34
85 : #d3e1d1 : +36
87 : #d9e5d7 : +38
89 : #dfe9dd : +40
91 : #e5ede3 : +42
93 : #ebf1e9 : +44
95 : #f0f5f0 : +46
97 : #f6f9f6 : +48
99 : #fcfdfc : +50
CSS入門、作ってます。
text-shadow