カラーピッカーツール【無料】色を選んでコードを取得
カラーホイールで選ぶ
クリックして色を選んでください
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76%, 47%, 0%, 4%)
画像から色を抽出(スポイト)
カラーピッカーツールとは
カラーホイールで感覚的に色を選ぶか、画像をアップロードしてスポイトで色を抽出するだけで、HEX・RGB・HSL・CMYKのカラーコードを取得できるツールです。
ブラウザ上で動作するため、インストール不要・無料でご利用いただけます。
こんな時に使えます
- デザイン中に感覚的に色を選んでコードが欲しい時
- 画像内の特定の色のコードを知りたい時
- ロゴやスクリーンショットから配色を抽出したい時
使い方
カラーホイールで選ぶ
- カラーホイールをクリックして色を選びます。
- HEX・RGB・HSL・CMYKの各形式が自動で表示されます。
画像から色を抽出する
- 「画像から色を抽出(スポイト)」で画像ファイルを選択します。
- 表示された画像の中で、色を知りたい場所をクリックします。
- クリックした場所の色がHEX・RGB・HSL・CMYKで表示されます。
各形式の右側の「コピー」ボタンでその形式の値をコピーできます。
注意事項
- 画像はブラウザ内だけで処理され、サーバーには送信されません。
アプリ更新履歴
- 2026-07-20 アプリを公開しました。