カラーコンバーター — HEX・RGB・HSLのピッカーをブラウザ内で
色を選んでHEX・RGB・HSLを相互変換。すべて瞬時に連動します。
このツールは完全にブラウザ内で動作します。ファイルがアップロードされることはなく、お使いのデバイス上にとどまります。
開発者やデザイナーが最もよく使う3つの形式の間で、色をすばやく確実に変換する方法です。ピッカーで色合いを選ぶか、HEX・RGB・HSLのフィールドに値を入力すると、その瞬間に他の形式が更新され、大きなライブスウォッチで今の色をはっきり確認できます。
すべてはプレーンなJavaScriptを使って、まさにブラウザ内で計算されます。インストールするものも、作成するアカウントも、どこかに送られるデータもありません。
カラーコンバーター の使い方
- カラーピッカーを使うか、HEX・RGB・HSLのフィールドに値を入力します。
- スウォッチと他の2つの形式が、それに合わせて瞬時に更新される様子を確認します。
- いずれか1つのチャンネル（R、G、B、H、S、L）を調整しても、残りは連動したままです。
- 形式の隣にある「コピー」ボタンをクリックして、クリップボードに入れます。
よくある質問
どのカラー形式に対応していますか？
HEX（例：#4f46e5）、RGB（例：rgb(79, 70, 229)）、HSL（例：hsl(245, 76%, 59%)）です。いずれか1つを編集すると、他の2つが自動的に再計算されます。
データはサーバーに送信されますか？
いいえ。変換はすべて、JavaScriptを使って完全にブラウザ内で実行されます。入力したものがアップロードされたり、どこかに保存されたりすることはありません。
HEX値は#記号があってもなくても貼り付けられますか？
はい。3桁（#abc）も6桁（#aabbcc）のHEXも、先頭の#のありなしに関わらず受け付けます。
透明度やアルファチャンネルは扱えますか？
HEX・RGB・HSLの不透明な色に焦点を当てています。アルファ（RGBA／HSLA）は変換しないため、値はすっきりと予測可能なまま保たれます。