カラーピッカー

色を選択してHEX、RGB、HSL値を変換し、CSSカラーコードやデザインパレットをすばやく確認します。

⌘ ブラウザ実行 ◴ データ非保存 ⌁ 無料

カラーピッカー カラーピッカーの作業領域

選択したカラーコード

使い方

  1. 1 カラーピッカーで色を選ぶか、HEX、RGB、HSL値を調整します。
  2. 2 変換されたHEX、RGB、HSL形式の値を確認します。
  3. 3 必要な形式のコピー操作で、デザインやコードに利用します。

主な使用例

  • HEX/RGB/HSLカラーピッカー
  • 最近使った色のパレット確認
  • CSSカラーコードのコピー

よくある質問

どの色形式に対応していますか?

HEX、RGB、HSL値を表示し、いずれかの入力値を変更すると他の形式も一緒に変換されます。HSLカラーピッカーやRGBカラーピッカーとして色を確認する作業にも使えます。

カラーコードをコピーできますか?

はい。HEX、RGB、HSLそれぞれの形式で、必要な値をコピーできます。

最近選んだ色は残りますか?

色を選択すると最近使った色のパレットに最大12件まで保存され、必要に応じてクリアできます。

関連ワークフロー