<pre style="white-space:pre-wrap;width:1568px;height:250px;border:none;margin-top:0px;margin-bottom:0px;padding:10px 7px;line-height:normal;"></pre><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><span class="cs-default-common-keyword1" style="color:#a71d5d;">function</span> setRandomColor(){</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> <span class="cs-default-common-keyword1" style="color:#a71d5d;">var</span> r <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> Math.floor(Math.random() <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">*</span> <span class="cs-default-common-number" style="color:#0099cc;">255</span>),</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> g <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> Math.floor(Math.random() <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">*</span> <span class="cs-default-common-number" style="color:#0099cc;">255</span>),</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> b <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> Math.floor(Math.random() <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">*</span> <span class="cs-default-common-number" style="color:#0099cc;">255</span>);</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> </div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> <span class="cs-default-common-keyword1" style="color:#a71d5d;">var</span> hr <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> r.toString(<span class="cs-default-common-number" style="color:#0099cc;">16</span>),</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> hg <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> g.toString(<span class="cs-default-common-number" style="color:#0099cc;">16</span>),</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> hb <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> b.toString(<span class="cs-default-common-number" style="color:#0099cc;">16</span>);</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> </div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> <span class="cs-default-common-keyword1" style="color:#a71d5d;">var</span> emphasis <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">=</span> Math.floor( ( r <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> g <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> b ) <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">/</span> <span class="cs-default-common-number" style="color:#0099cc;">3</span> ) <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">></span> <span class="cs-default-common-number" style="color:#0099cc;">127</span> ? <span class="cs-default-common-string" style="color:#63a35c;">'000'</span> : <span class="cs-default-common-string" style="color:#63a35c;">'FFF'</span>;</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> </div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> <span class="cs-default-common-keyword1" style="color:#a71d5d;">return</span> {</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> mainColor : <span class="cs-default-common-string" style="color:#63a35c;">'#'</span> <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> hr <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> hg <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> hb,</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> emphasis : <span class="cs-default-common-string" style="color:#63a35c;">'#'</span> <span class="cs-default-common-keyword2" style="color:#0086b3;"></span><span class="cs-default-common-keyword1" style="color:#a71d5d;">+</span> emphasis</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"> }</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;">}</div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">개인적으로 필요하여 따로 만들고 있습니다만,</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">뭐 에러라던가 그런것때문이 아니라 색상을 두가지 추출해야 하는데</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">하나는 배경색이고 하나는 전경색입니다.</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">배경색을 먼저 뽑고 그에 맞게 눈에 잘 띄는 전경색을 만들어야 되는데</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">아무리 생각해도 이게 안만들어지더라구요.</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">위에 처럼 전경색을 흰색과 검은색으로만 해놓고 RGB 평균치인 127보다 높은지 낮은지로</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">판단했더니 색상이 극단적으로 갈때는 잘 보이는데 127 근사값에서는 전경색이</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">거의 눈에 안띄더라구요....</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">혹시나 보색으로 작업하면 될까 싶어 근사치로 보색작업 노가다도 해봤는데</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">그것도 결과적으로는 Fail....</font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕"><br></font></div><div style="white-space:pre;height:14px;"><font face="맑은 고딕">어떻게 하면 효과적인 전경색 추출이 가능할까요.</font></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div><div style="font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace;white-space:pre;height:14px;"><br></div>