画像をアップロードしてクリックするだけ。ピクセル単位で正確に色を抽出し、HEX・RGB・HSL形式でコピーできます。登録不要、データは一切送信されません。

関連ツール: カラーピッカー · カラーパレットジェネレーター · カラーコンバーター

ここに画像をドロップ、または PNG・JPG・GIF・WebP・SVG対応 — ブラウザ内で完結
画像の任意の場所をクリックして色を抽出。ホバーで拡大ルーペが表示されます。

デザイン業務の経費管理もかんたんに

freee会計なら、デザインツール費用の経費精算もクラウドで一元管理。 freeeを無料で試す →

使い方

  1. アップロード — 画像をドロップするか「ファイルを選択」をクリック。
  2. ホバー — 拡大ルーペが表示され、ピクセル単位で正確な位置を確認できます。
  3. クリック — HEX・RGB・HSLと最近似CSSカラー名を即座に表示。
  4. カラー履歴 — 最大12色のスウォッチを保存。クリックで再読み込み。
  5. エクスポート — CSS変数またはJSONとしてパレットをコピー。

すべてブラウザ内で動作します。画像データは外部に送信されません。

ヒント

  • ブラウザズームを活用 — Ctrl/Cmd + で拡大してからクリックするとより精密に選択できます。
  • SVG画像 — ブラウザが Canvas にレンダリングできる SVG（同一オリジン・インライン）に対応しています。
  • 透明ピクセル — Canvas は黒背景に合成するため、完全透明な領域は rgb(0, 0, 0) を返します。
  • CSS変数エクスポート — :root {} ブロックに貼り付けて var(--color-1) として参照できます。

関連ツール: カラーピッカー · カラーパレットジェネレーター · カラーコンバーター

確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。