無料カラーピッカー:どんな画像からでもすぐに色を抽出。

アップロード、貼り付け、URL 入力で HEX、RGB、HSL などを取得できます。登録不要。

カラーパレット

できること

最速の画像カラーピッカー——さらに多彩な機能

即座に使える画像カラーピッカー

写真、スクリーンショット、URLをアップロードするだけで、数秒以内にすべてのカラーコードを抽出。ブラウザ上で完結——データはデバイス外に出ません。

クリックで任意の色を識別

キャンバス上の任意の場所をクリックすると、カラー識別ツールがカーソル下の正確なピクセル値を読み取り、HEX・RGB・HSL・HSVを同時に返します。

すべてのフォーマットに対応するカラー検出

HEX、RGB、HSL、HSVのすべてで色を検出。ワンクリックで任意の値をコピー——手動変換や計算機タブは不要です。

カラーパレットの作成とエクスポート

サンプリングした色をパレットストリップに追加し、テキストファイルとしてダウンロード、またはローカルストレージに保存。ブランドカラー調査やデザイン配色分析に最適です。

アップロードされた画像とサイドバーのサンプリングカラーコードを表示するカラーファインダーツール

カラーファインダー

カラーファインダー——あらゆる画像・ソースに対応

このカラーファインダーは写真、スクリーンショット、ウェブサイトサムネイル、URLから読み込んだ画像に対応しています。画像の出所を問わず、カラーファインダーが正確な16進数コード、RGB値、HSL角度を数秒で返します。

  • PNG・JPG・WebP・SVG・GIFなど、デバイスから直接写真をアップロード。
  • クリップボードからスクリーンショットをそのまま貼り付けて、すぐに色を検索。
  • 画像URLまたはウェブサイトのアドレスを入力してリモートで読み込みサンプリング。
  • EyeDropperカラーファインダーを使って画面から直接色をサンプリング。

カラー識別ツール

カラー識別ツール——ピクセル単位の精度

キャンバスをクリックするたびに、ブラウザのCanvas APIを使ったピクセルレベルの読み取りが実行されます。このカラー識別ツールは画像データに格納された正確な値を返します——四捨五入した概算値ではありません。HEX・RGB・HSL・HSVを同時に取得でき、各フォーマットにワンクリックコピーボタンが付いています。ブランドカラーのマッチング、塗料コードの特定、デザインシステムの検証に十分な精度です。

サンプリングされたピクセルのHEX・RGB・HSL・HSV値を表示するカラー識別パネル

使い方

3ステップでどんな画像からでも色を取得

  1. 1

    画像を読み込む

    ファイルをアップロード、クリップボードから貼り付け、画像URLを入力、またはUnsplashを検索。画像カラーピッカーツールがブラウザ上で即座にレンダリングします。

  2. 2

    クリックして色をサンプリング

    キャンバス上でカーソルを動かしてクリック。カラー検出ツールがカーソル下のピクセルの正確なHEX・RGB・HSL値を表示します。

  3. 3

    コードをコピーまたはパレットを保存

    ワンタップでカラーコードをコピー、色をパレットストリップに追加し、エクスポートまたは保存。アカウント不要。

画像カラーピッカーツールの操作スクリーンショット

これは何色?

これは何色?ワンクリックで答えが出る

画像をアップロードし、ホバーでリアルタイムに色をプレビューし、一度クリックするだけで読み取りを確定。正確な16進数コード、RGBの3値、HSL角度を表示——常に見ている色が何色かを正確に把握できます。

ホバーでライブプレビュー

画像上でカーソルを動かすと、確定前にリアルタイムでカラー値が更新されます。

クリックで確定してコピー

任意のピクセルをクリックして読み取りを固定し、ワンアクションでカラーコードをクリップボードに直接コピー。

ピクセル上にカーソルがあり、ツールチップにカラーコードが表示された画像

よくある質問

画像カラーピッカーについてのすべて