デザインシェア最近、チャリを手に入れた。前にかごもついてて、後ろに荷台もついてる!さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ!なんでついてないんだチリンチリン!必要だろチリンチリン!人ごみとかこう、かきわけ、あ、どうも、僕です。色とは「赤」とか「青」とか「緑」とかそういうもののことをいうわけですな。色の指定とかで「#FFFFFF」とかご覧になったことがあるかと思います。全部を混ぜ合わせると白色になります。いう色の表現方法を「加法混色」とか「RGB表記」といいます。色を表現しているわけです。これがコンピュータ的に分かりやすい色指定の仕方。画像をモノクロに変換するときにも緑が最も重視されます。赤とか青はおまけぐらいの強度です。画像をモノクロにする計算式とか超簡単なんだけど、それはよそでググってみてください。人間が認識しやすい色の表現方法があって、それがHSV色空間です。いう尺度で色を表します。色相(H)は簡単に言うと色の種類。青系とか、赤系とか、そんな感じ。彩度(S)は色の鮮やかさ。明度(V)は色の明暗を表しているよ!人間的な色の認知の仕方としては、RGBとかそんなコンピュータ的な数値を使うのではなく、その色が何系の色なのかどれぐらい鮮やかなのかどれぐらいの明暗なのかで判断しているということだね。画像処理系のアプリ触ったことある人にはおなじみかもしれない。マンセルの色相環[/caption]そうそうこんなやつ。色が円の上で変化してるやつね。この絵は色相だけだけど、これに彩度と明暗が加わります。target="top">HUE/260</a>が色相環から配色が選べて便利!配色で色をピックアップするときには、RGBよりHSVで考えた方がしっくりくるし、パターンにも当てはめやすいのです。色相環で一色だけを選択し、明度と彩度を変える方法。これはモノクロマティックカラースキームと言われる配色パターンです。色相だけ変えるというものです。色相と明度が同じ色の組み合わせのことを、トーンが同じ色とか言います。お手軽なのが、色相環でメインカラーを選び、それに近い色をピックアップするパターン。全体的にまとまったムードになります。アナログカラースキーム[/caption]<h4>コンプリメンタリーカラースキーム</h4>次に紹介するのが、コンプリメンタリーカラースキームというパターン。色相環でメインカラーを選び、それと180度反対側の色をアクセントとして使用する配色です。コンプリメンタリーカラースキーム[/caption]<h2>マンセルの色相環で遊んでみる(おまけ)</h2>トーンを固定する配色パターンをご紹介したわけですが、このテクニックを使って、エンジニアらしく、ちょっと遊んでみたいと思います。RGBとHSV色空間を相互変換して、トーンを固定した配色の背景を、マンセルの色相環上でぐりぐりさせてみましょう!RGBからHSVに変換するJavaScriptはこんな感じ。value);}さらにHSVからRGBに変換するのはこんな感じ。]]></script>できたサンプルはこんな感じ。まとめ配色パターンを知っているとなにかと便利だよね!また、HSVとRGBの相互変換はほかにもいろんな応用が利くから試してみて!以上、よっしーでした!関係ないけど、ローラとトリンドルって見分けつかないよね。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。