>色相環と12色相環[作成と計算式]色相環(しきそうかん)は色相の環(わ)です。この色相とはHSL色空間、HSV色空間の「H(hue)」にあたる要素の事です。今回は色彩学の観点からではなく、主にプログラムの観点から色相環、12色相環の作成方法と計算式をご紹介します。色相は0度~360度ですので円で表現されます。色相を円で表現した図です。色相を平面で表現した図です。色相を30度毎に12分割した図です。HTMLのtableタグで作成しているので環(わ)ではなく、菱形になっています。150180次は12色相環のHTMLカラー、RGB、HSL、HSVの値の一覧となります。補色(ほしょく)とは色相環で相互に向かい合っている2色の事です。次の図では「0度と180度」「90度と270度」「150度と330度」など反対側にある色同士が補色となります。これらの2色の補色はお互いの色を鮮明にする際などに使用されます。反対色とは補色とほぼ同意語ですが計算式が若干異なります。補色の計算式はRGB値の最大値と最小値を加算して、その値で各RGB値を引いた値となります。RGB(255,72,172)という色の場合は、最大値の「255」と最小値の「72」を加算した「327」を使用して各RGBを減算します。172RGB(72,255,155)が補色となります。反対色の計算式は各RGBに対して255を引いた値となります。80RGB(0,127,175)が反対色となります。※補色と反対色はRGBとHSLの変換、RGBとHSVの相互で確認できます。色相環をHTML5のcanvasを使用して描画するサンプルプログラムです。このサンプルは円のみですが平面や12色相環もロジック的には同様なやり方で可能です。}</script>※hsl2rgb()関数はRGBとHSLの変換をご覧ください。(3)このブログについてオープンソースGitHubで複数のオープンソースを公開。Webアプリこのブログのマスターが作成した無料ツールです。(オープンソース)ブラウザで8/16/24/32bitの相互変換。Webの逆アセンブラブラウザでEXE/DLLファイルを逆アセンブルする※その他にも「プチラボ」でアプリを多数公開しています。3Dゲームこのブログのマスターが作成した無料ゲームです。短時間で遊べるファンタジーのオンラインRPG風ほのぼの癒し系のスマホアプリ※その他は「@ゲーム」で公開しています。※インストール不要でそのまま遊べます。スマートフォンこのブログのマスターが作成した無料アプリです。お主の画像減色お手軽にカメラの写真や画像を「高品質に減色」するお主は誰だ。(女性向け)ロボットこのブログのマスターが作成したロボットです。