カラー変換ツール（HEX、RGB、HSL、OKLCH）
プライバシー優先設計 — すべてブラウザ内で処理します
色をHEX、RGB、HSL、OKLCH、名前付き値の間で、ブラウザ内で変換します。Toovaはリアルタイムのプレビューを表示し、スライダーでチャンネルを微調整でき、全形式の出力をCSS、デザインツール、本番コードへの貼り付け準備が整った状態で表示します。
なぜ色の形式が多いのか
HEX（#ff6600）はCSSで最も一般的で、入力も簡単です。RGB（rgb 255 102 0）はすべての画像形式が話す言語です。HSL（hsl 24 100% 50%）は、色相、彩度、明度が人間の色の捉え方と一致するため、シェードを選ぶのが直感的です。OKLCHは知覚的な均一性を修正する現代の形式で、数値上の等間隔が視覚的な等間隔に見えます。Toovaはこれらすべての間で損失なく変換します。
リアルタイムのプレビューとチャンネルスライダー
任意の形式で色を貼り付けると、Toovaはライブのスウォッチと、他のすべての形式への完全な変換を表示します。チャンネルスライダー（色相、彩度、明度、赤、緑、青、アルファ）をドラッグすると、プレビューがリアルタイムで更新されます。これにより、ベースカラーをシェードに調整したり、コントラストを修正したり、ホバー状態を生成したりが、ブラウザタブを離れずに簡単にできます。
ローカルのみ
色の変換はすべてブラウザ内で行われます。貼り付けた値がページから外に出ることはありません。色コードに対しては過剰ですが、ツールが高速で信頼性が高いことを意味します。バックエンド往復もレート制限も停止もありません。最初の読み込み後はオフラインでも動作します。
よくある質問
- HEXの代わりにOKLCHを使うべき場面は？
- OKLCHは知覚的に均一です。数値上の等間隔が視覚的な等間隔に見えます。そのため、カラーパレットを生成したり、アクセシブルなコントラストを計算したり、何らかのアルゴリズム的な色操作を行う際の適切な選択です。静的なデザイントークンには、HEXで今でも十分です。
- すべての変換は損失なしですか？
- HEX、RGB、8ビット色形式の間の変換は損失なしです。HSLやOKLCHを含む変換では、最下位桁に小さな浮動小数点の丸めが発生する場合がありますが、結果は視覚的に同一です。
- 透明度に対応していますか？
- はい。アルファ対応のすべての形式（8桁HEX、RGBA、HSLA、アルファ付きOKLCH）が正しく処理されます。変換ではアルファチャンネルが正確に保持されます。
- 画像から色を取得できますか？
- ここでは直接できません。画像からのパレット抽出にはColor Palette Extractorツールを使ってください。このコンバーターは、既知の色値を形式間で変換することに特化しています。
- サーバーへ何か送信されますか？
- いいえ。変換はすべてブラウザ内で行われます。使用中、Networkタブは空のままです。