色変換 - 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 への変換は近似値となる点にご注意ください。