画像カラーピッカー
画像をドロップまたは選択し、マウスオーバーでカーソル下の色をプレビュー、クリックでパレットに保存。直近 12 件の色をページに残してワンクリックでコピーできます。ロゴ色のマッチング、写真からパレット作成、スクリーンショットの色味抽出に便利。すべて Canvas getImageData によりローカル処理。
—
使い方
- 画像をドロップ、またはボックスをクリックして選択。
- 画像にマウスを乗せるとカーソル下の色がプレビュー。
- クリックで下のパレットに保存。
- 保存した色は隣のボタンでコピーできます。
よくある質問
- デザインツールと色が少し違う
- ブラウザは画像デコード時にカラープロファイル（sRGB 変換）を適用することがあります。画素単位で正確にしたい場合は元画像を素の sRGB で保存し、カラーマネージドな形式を避けてください。
- 透過 PNG でも動く？
- 動きます — 完全透過の画素は背景に敷かれた色を返します。ピッカーは画像ビットマップの生 RGB 値を読みます。
- 画像はアップロードされる？
- いいえ。Canvas getImageData をローカルで使用。外部ドメインの画像は CORS でブロックされる場合がありますが、端末からアップロードしたファイルは常に同一オリジンです。
- なぜ 12 件まで？
- パレットを見やすく保つためのソフトリミット。必要分を抽出 → コピー → クリアして再開してください。
関連ツール
画像からカラーパレット抽出
画像をドロップすると Canvas で主要色を分析しパレット抽出 — HEX をコピーまたは一括取得。
カラー 0 0
画像デュオトーン効果
どんな画像にも2色デュオトーン効果を適用 — シャドウカラー·ハイライトカラー選択、ミッドポイント·コントラスト調整、結果ダウンロード。Spotify風カバーが2クリックで。
画像 0 0
画像圧縮
JPEG・PNG・WebP 画像をブラウザで圧縮・リサイズ。
画像 0 0
画像ヴィネット (周辺光量低下) ジェネレーター
写真にやわらかな放射状ヴィネットを追加 ─ 強さ・ぼかし・半径・楕円/円/矩形の形状・暗く/明るく・自由な色。ブラウザ内処理、アップロードなし。
画像 0 0
画像シャープ化 (アンシャープマスク)
ブラウザ内でアンシャープマスクアルゴリズムを使い写真やスクリーンショットをシャープ化 — 3 つのスライダー (amount, radius, threshold)、4 つのプリセット (控えめ → 極強)、リアルタイム before/after 比較、PNG ダウンロード。アップロードなし。
画像 0 0
ティルトシフト / ミニチュア効果
写真をミニチュアジオラマ風に — シャープなフォーカス帯と上下のぼかし、オプションの彩度ブースト、すべてブラウザ内。
画像 0 0