カラーピッカーツール【無料】色を選んでコードを取得

カラーホイールで選ぶ
クリックして色を選んでください
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76%, 47%, 0%, 4%)
画像から色を抽出(スポイト)

カラーピッカーツールとは

カラーホイールで感覚的に色を選ぶか、画像をアップロードしてスポイトで色を抽出するだけで、HEX・RGB・HSL・CMYKのカラーコードを取得できるツールです。

ブラウザ上で動作するため、インストール不要・無料でご利用いただけます。

こんな時に使えます

  • デザイン中に感覚的に色を選んでコードが欲しい時
  • 画像内の特定の色のコードを知りたい時
  • ロゴやスクリーンショットから配色を抽出したい時

使い方

カラーホイールで選ぶ

  1. カラーホイールをクリックして色を選びます。
  2. HEX・RGB・HSL・CMYKの各形式が自動で表示されます。

画像から色を抽出する

  1. 「画像から色を抽出(スポイト)」で画像ファイルを選択します。
  2. 表示された画像の中で、色を知りたい場所をクリックします。
  3. クリックした場所の色がHEX・RGB・HSL・CMYKで表示されます。

各形式の右側の「コピー」ボタンでその形式の値をコピーできます。

注意事項

  • 画像はブラウザ内だけで処理され、サーバーには送信されません。

アプリ更新履歴

  • 2026-07-20 アプリを公開しました。