🎨

カラー変換ツール

Hex、RGB、HSL形式間で色値を変換し、視覚的なピッカーも利用できます。

converter colors

入力カラー

変換されたカラー

カラー変換ツールについて

カラー変換ツールは、色の値を一般的な形式（Hexadecimal (Hex)、RGB (Red, Green, Blue)、HSL (Hue, Saturation, Lightness)）間で素早く変換するのに役立ちます。デザイナー、開発者、または単に色を試しているだけでも、このツールはあなたのワークフローを効率化します。

特徴:

  • HexをRGB、HSLに変換
  • RGBをHex、HSLに変換
  • HSLをHex、RGBに変換
  • 簡単に選択できる視覚的なカラーピッカー
  • 入力カラーと出力カラーのライブプレビュー
  • 各出力形式をワンクリックでコピー

使用方法:

  1. カラーを入力: 入力フィールドにカラー値（例：`#FF0000`、`rgb(255,0,0)`、`hsl(0, 100%, 50%)`）を入力または貼り付けます。
  2. カラーピッカーを使用: または、クリアボタンの横にあるカラーピッカーの四角をクリックして、視覚的に色を選択します。これにより、入力フィールドが更新されます。
  3. 変換: 「カラーを変換」ボタンをクリックします。
  4. 結果を表示: 変換されたHex、RGB、HSLの値が出力フィールドに表示されます。入力セクションと出力セクションの横にカラーのライブプレビューが表示されます。
  5. コピー: いずれかの出力フィールドの横にある「コピー」ボタンをクリックして、その値をクリップボードにコピーします。