色変換 - Free Online Tool | PivaBox

HEX/RGB/HSL変換

カラーコンバーター — HEX、RGB、HSL、HSV、CMYK 形式間の変換

  1. 任意の形式でカラー値を入力してください:HEX (#3B82F6 または #3BF)、RGB (rgb(59, 130, 246))、HSL (hsl(217, 91%, 60%))、HSV、または CMYK。短縮形 HEX やアルファチャンネル付きの rgba/hsla を含む、すべての標準的なカラー記法に対応しています。
  2. 入力された値は即座に他のすべてのカラー形式に変換され、同時に表示されます。各形式は正確な値とリアルタイムのカラープレビュー色見本と一緒に表示されます。値を調整すると、すべての形式がリアルタイムで更新されます。
  3. 希望する形式のカラーコードをコピーして、CSS、デザインツール、印刷仕様、またはコードでご使用ください。アルファ値/不透明度の処理にも対応しており、該当する場合は市松模様の透過プレビューを表示します。

Frequently Asked Questions

カラーコンバーターは無料ですか?

はい、制限なく完全に無料です。サポートされているすべての形式間で、無制限にカラーを変換できます。

カラー値はどこかにアップロードされますか?

いいえ。すべての変換はブラウザ内でローカルに計算されます。デザイン作業のプライバシーは守られます。

各カラー形式はいつ使用すべきで、互いにどのような関係がありますか?

HEX は Web 標準であり、コンパクトで普遍的にサポートされ、コピー&ペーストが簡単です。CSS、HTML、およびほとんどの Web フレームワークに使用します。RGB はデジタル画面のネイティブ表現であり(各ピクセルは赤、緑、青のサブピクセルを持ちます)、rgba() によるアルファ透過が必要な場合に使用します。HSL は色を人間の感覚に近い形で記述します。色相(円形色相環で 0°=赤、120°=緑、240°=青)、彩度(色の鮮やかさ)、明度(明るさ)です。HSL はデザイナーがカラースキームを作成する際に好まれます。L を調整して色を明るく/暗くしたり、色相に 180° を加えて補色を見つけたりできます。HSV/HSB は HSL に似ていますが、「明度」の代わりに「値/明るさ」を使用し、Photoshop や GIMP で使用されます。CMYK(シアン、マゼンタ、イエロー、キー/ブラック)は印刷用です。CMYK カラーは減法混色(インクが光を吸収する)であるのに対し、RGB/HEX カラーは加法混色(画面から光が放出される)です。一部の RGB カラー(特に明るいネオングリーンや深いブルー)は CMYK 印刷で再現できないため、RGB から CMYK への変換は近似値となる点にご注意ください。