Color Converter
HEX、RGB、HSLの色を、ブラウザ上で瞬時に変換できます。
🔒 お使いのブラウザ内でローカル処理されます
Loading…
使い方
- カラースウォッチのピッカーをクリックして視覚的に色を選ぶか、テキスト欄に直接値を入力します。
- 入力できる値は、HEXコード（先頭の#はあってもなくても可）、rgb()/rgba()形式の文字列、hsl()/hsla()形式の文字列です。
- 有効な色が認識されると、下のHEX・RGB・HSLの各行が即座に更新されます。ボタンを押す必要はありません。
- 大きなプレビューボックスに、その色が実際にどう見えるかが表示されます。
- 各行の「コピー」をクリックすると、その形式の値をクリップボードにコピーできます。
特徴
- HEX・RGB・HSL間のライブ・即時変換
- HEX・rgb()・hsl()の値の入力、またはネイティブのカラーピッカーに対応
- 各形式をワンクリックでコピー
- 完全にクライアントサイドで処理 — カラー値がブラウザの外に出ることはありません
- アップロード不要 — そもそもアップロードするものがありません
よくある質問
このツールは自分のカラー値をどこかに送信しますか？
いいえ。すべての変換はブラウザ内で単純なJavaScriptの計算により行われます。データがサーバーにアップロードされたり送信されたりすることはありません。
入力欄にはどんな形式を入力できますか？
HEXコード（例: #3b82f6 または 3b82f6）、rgb()/rgba()形式の文字列（例: rgb(59, 130, 246)）、hsl()/hsla()形式の文字列（例: hsl(217, 91%, 60%)）を入力できます。
アルファ値（透明度）には対応していますか？
現時点では対応していません。rgba()やhsla()の値を入力した場合、アルファ成分は受け付けられますが無視され、不透明な色のみが変換されます。
変換できる色の数に制限はありますか？
ありません。好きなだけ色を変換できます。入力を変更するたびに、その都度即座に再計算されます。
入力するとエラーが表示されるのはなぜですか？
入力したテキストが、認識可能なHEX・RGB・HSLのパターンと一致していません。#3b82f6、rgb(59, 130, 246)、hsl(217, 91%, 60%) のいずれかの形式になっているか確認してください。