あらゆる画像から正確な色を抽出
写真またはスクリーンショットをアップロードし、任意のピクセルの上にカーソルを置くと、その色を HEX、RGB、および HSL 形式で取得します。 1 つの画像から 5 色のパレットを作成して、次のデザイン プロジェクトを開始しましょう。サインアップは必要ありません。
このツールは無料で使用できますBrowser tool
Color picker from image
Upload an image, click any pixel, and copy sampled HEX or RGB colors. The image stays in your browser.
使用方法
画像をアップロードする
JPEG、PNG、または WebP ファイルをカラー ピッカーにドラッグ アンド ドロップします。スクリーンショット、写真、デザインのモックアップはすべて機能します。
色を選択してください
カーソルを画像の上に移動します。拡大ルーペには、ポインターの下の領域が拡大表示されます。クリックして色を固定します。
値をコピーまたは保存します
HEX、RGB、または HSL コードをクリックしてクリップボードにコピーします。繰り返してコレクションを構築するか、自動生成された主要なパレットを使用します。
特徴
ピクセルレベルのスポイト
画像の上にマウスを移動し、任意のピクセルをクリックして、その正確な色をキャプチャします。拡大されたルーペがカーソルを追従するため、個々のピクセルを正確にターゲットにすることができます。
マルチフォーマット出力
選択したすべての色は、HEX (#FF5733)、RGB (rgb(255, 87, 51))、および HSL (hsl(14, 100%, 60%)) で同時に表示され、CSS、Figma、またはその他のデザイン ツールにすぐに貼り付けることができます。
自動生成パレット
このツールは画像を分析し、最も支配的な色合いの 5 色のパレットを提案します。これをセットとしてコピーしたり、代替の色合いを選択して調整したりできます。
クリップボードにコピー
HEX、RGB、または HSL 値をクリックすると、すぐにクリップボードにコピーされます。トースト通知によってコピーが確認されるため、コンテキストを切り替えずに貼り付けることができます。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| サポートされている形式 | JPEG、PNG、WebP、BMP、GIF |
| 最大ファイルサイズ | 30MB |
| カラーフォーマット | 16 進数、RGB、HSL |
| パレットサイズ | 5 つの主要な色 (自動) |
| ルーペ倍率 | 8倍ズーム |
| 処理 | クライアント側 (キャンバス API) |
Related Magic Eraser Tools
よくある質問
スクリーンショットから色を選択できますか?
+
はい。デバイスでスクリーンショットを撮り、結果の PNG または JPEG をアップロードし、他の写真と同じようにスポイトを使用します。これは、Web サイトやアプリからカラーをサンプルする優れた方法です。
カラー値はどの程度正確ですか?
+
このツールは画像キャンバスから正確な sRGB ピクセル データを読み取るため、HEX、RGB、および HSL 値は 1 単位以内の精度になります。モニターの調整により、画面上の色が数値と異なって見える場合があることに注意してください。
ロゴから完全なブランドのカラーパレットを抽出できますか?
+
絶対に。ロゴをアップロードし、各ブランドの色を個別に選択し、コードをコピーします。自動パレットは、明確なカラーブロックを持つロゴにも適しています。
まず画像を改善する必要がありますか?
ソース写真が暗いかノイズが多い場合、AI Enhance は露出を改善し、粒状性を低減することができ、カラー ピッカーでよりクリーンでより正確なサンプルを使用できるようになります。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX、RGB、HSL、HSB、CMYK、CSS の名前付き形式の間で色を変換します。ライブ プレビューを表示し、任意の値をコピーし、カラー カードをエクスポートします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。
画像とビデオの幅、高さ、またはアスペクト比を計算します。任意の 2 つの値を入力すると、3 番目の値が取得されます。ソーシャルメディア、映画、印刷物のプリセット比率。サインアップは必要ありません。