クリックして画像をインポート / スクリーンショット後 Ctrl+V / ここに画像をドラッグ

jpg/pngなどの一般的な画像形式をサポート

カラーピッカーツール

HEX RGB RGBA
{{ (scale * 100).toFixed(0) }}%
{{ formatColor(c) }}
{{ formatColor(hoverColor) }}

🎨 写真から色を抽出する方法は?

これは強力なオンラインカラーピッカーツールで、画像やスクリーンショットから正確な色情報を簡単に取得できます。デザイン作業をより効率的にするためのバッチカラー選択をサポートしています!

🚀 画像をすばやくインポートする複数の方法

  • 📁 クリックしてインポート:アップロード領域またはサイドバーの「画像をインポート」ボタンをクリックして、ローカル画像ファイルを選択
  • 📋 スクリーンショットを貼り付け:スクリーンショットを撮った後、Ctrl+Vを押して貼り付けて、超高速のカラー選択体験を!
  • 🖱️ ドラッグ&ドロップ:画像ファイルをページに直接ドラッグして自動認識

💡 ヒント:JPG、PNGなどの一般的な画像形式をサポート。スクリーンショットの貼り付けが色を選択する最速の方法です!

🔍 精密なカラー選択操作

  • 👆 クリックして選択:マウスを画像上に移動し、任意の位置をクリックしてその点の色を選択
  • 🔎 拡大鏡プレビュー:ホバー時に9x9ピクセルグリッドを表示して、ピクセルの詳細を正確に観察
  • 🎯 リアルタイムプレビュー:ホバー位置に現在の色のHEX/RGB/RGBA値を表示

🖼️ 画像ブラウジングコントロール

  • 🔍 画像ズーム:マウスホイールまたはサイドバースライダーを使用してズームレベルを調整(10%-500%)
  • ✋ 画像を移動:スペースキーを押しながらマウスをドラッグするか、画像上を直接ドラッグしてビューを移動
  • 🔄 ビューをリセット:右上隅のリセットボタンをクリックして、すぐに初期状態に戻る

📊 バッチカラー選択のヒント

  • 🎨 複数回クリック:画像の異なる位置を連続的にクリックして、右側のパネルに複数の色を収集
  • 📋 単一コピー:任意の色エントリをクリックして、その色値をクリップボードにコピー
  • 📑 バッチコピー:「すべてコピー」ボタンをクリックして、収集したすべての色値を一度にコピー(1行に1つ)
  • 🗑️ リストをクリア:削除ボタンをクリックして、収集したすべての色をクリア

💡 プロのヒント:バッチカラー選択はカラースキームの抽出や画像の色彩構成の分析に最適で、デザイン効率を大幅に向上させます!

⚙️ 色形式の設定

  • HEX:16進数形式、例:#FF5733(ウェブデザインで一般的)
  • RGB:赤緑青の原色、例:rgb(255, 87, 51)
  • RGBA:透明度付きRGB、例:rgba(255, 87, 51, 1.00)

✨ 機能のハイライト

  • ✅ 純粋なブラウザ処理、プライバシーを保護、画像はサーバーにアップロードされません
  • ✅ リアルタイム応答、ミリ秒レベルのカラー選択速度
  • ✅ 透明画像をサポート、チェッカーボード背景が表示を支援
  • ✅ フロストガラスUIデザイン、モダンなインタラクティブ体験
  • ✅ レスポンシブレイアウト、さまざまな画面サイズに対応

🎉 カラー選択の旅を始めましょう!画像をインポートして、究極のカラー選択の喜びを体験してください〜