>RGBとHSVの相互変換[色見本/サンプル付き]RGB色空間とHSV色空間を相互変換します。入力はHTMLのカラーコード、RGB、HSVの値から可能でプレビュー画面にはカラーコード、css用のrgb()や反対色、補色が表示されます。プレビューがありますのでRGBカラーの「色見本」としてもご使用いただけます。色相環と12色相環HTMLのカラーコードを変更した際には、ブラウザに表示されている画面の適当な箇所をクリックすると変更が反映されます。HTMLのカラーコードは3桁形式(#fff)と6桁形式(#ffffff)のどちらにも対応しています。3桁形式を入力すると自動的に6桁形式に変換されます。色空間についてRGB色空間とHSV色空間の色に関する解説です。色空間はカラーモデルやカラースペースなどとも呼ばれます。RGB色空間RGBの「R」(red)は「赤色」で「G」(green)は緑色、「B」(blue)は青色です。この3種の原色を組み合わせて、色を再現します。これらの各範囲は0-255となります。256」で約1677万色の色を表現する事が可能です。このRGBはパソコンなどで一般的に使用されています。HSV色空間(HSB色空間)HSV色空間の「H」(hue)は色相と呼ばれ「色合い」を調整します。範囲は0-360度です。「S」(saturation)は彩度で「鮮やかさ」を調整します。範囲は0-100%となります。「V」(Value)は明度で「明るさ」を調整します。範囲は0-100%です。「V」を「B」(Brightness/輝度)と称してHSB色空間と呼ぶ場合もあります。HSVとHSBは同じです。このページの初期値が赤色になっているのは「色相」の最初の値である0度が赤色だからです。初期状態で「H」の色相だけをスライダーで変化させると色合いが変化する事がわかると思います。その変化を画像にするとこのようになります。順番で虹色となります。彩度は100%が純色となり、彩度を落としていくと徐々に白色になります。明度は100%が純色となり、明度を落としていくと徐々に黒色になります。補色は色相環における相互に向かいあう色となります。詳細は色相環と12色相環の記事をご覧ください。変換の誤差についてRGBとHSV色空間の変換は値の誤差が発生する場合があります。サンプルプログラムこのページではRGB/HSV色空間の値を相互変換しています。その変換のサンプルプログラムをJavaScriptのコードで公開しています。※26行目から37行目はほぼ原著者の石立さんのコードのままになっています。参考リンクRGB/HSV変換のロジック/計算式を参考にしたサイトです。(3)このブログについてオープンソースGitHubで複数のオープンソースを公開。Webアプリこのブログのマスターが作成した無料ツールです。(オープンソース)ブラウザで8/16/24/32bitの相互変換。Webの逆アセンブラブラウザでEXE/DLLファイルを逆アセンブルする※その他にも「プチラボ」でアプリを多数公開しています。3Dゲームこのブログのマスターが作成した無料ゲームです。短時間で遊べるファンタジーのオンラインRPG風ほのぼの癒し系のスマホアプリ※その他は「@ゲーム」で公開しています。※インストール不要でそのまま遊べます。スマートフォンこのブログのマスターが作成した無料アプリです。お主の画像減色お手軽にカメラの写真や画像を「高品質に減色」するお主は誰だ。(女性向け)ロボットこのブログのマスターが作成したロボットです。