🎯 カラーピッカー

画像から色を取得 — クリックでパレットに保存

🔒 画像がデバイスの外に出ることはありません。 すべての処理はCanvas getImageData pixel readingを使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

  • ピクセル単位の精度 — 任意のピクセルにカーソルを合わせると正確な色が表示されます。クリックでパレットに保存します。
  • 複数フォーマット対応 — HEX、RGB、HSLで色を取得 — CSS、デザインツール、コードにすぐ使えます。
  • パレットに保存 — 最大12色のパレットを作成できます。個別の色またはパレット全体をコピーできます。
  • あらゆる画像から — 写真、スクリーンショット、デザインなど、あらゆる画像ソースから色を抽出できます。

仕組み

  1. 画像をアップロード — 色を抽出したい画像をドロップします。
  2. ホバーして取得 — 画像上でマウスを動かすと色がプレビューされます。クリックでパレットに保存します。
  3. コピーして使用 — 保存した色をクリックすると、HEXコードがコピーされます。「すべてコピー」でパレット全体を取得できます。

活用例

  • ロゴやWebサイトのスクリーンショットからブランドカラーを抽出
  • デザイン内の要素の正確な色を特定
  • CSSスタイルシート用のHEX/RGB値を取得
  • 写真からインスピレーションのカラーパレットを作成

よくある質問

色の精度はどのくらいですか？

ピクセル単位で完全に正確です。Canvasから各ピクセルの正確なRGBA値を読み取ります。表示される色がそのまま取得される色です。

RGBやHSL形式でコピーできますか？

色をクリックするとHEXコードがコピーされます。RGBとHSLの値はプレビューパネルに表示され、選択してコピーすることが可能です。

関連ツール