無料ツールDesign

あらゆる画像から正確な色を抽出

写真またはスクリーンショットをアップロードし、任意のピクセルの上にカーソルを置くと、その色を HEX、RGB、および HSL 形式で取得します。 1 つの画像から 5 色のパレットを作成して、次のデザインプロジェクトを開始しましょう。サインアップは必要ありません。

特徴

画像の上にマウスを移動し、任意のピクセルをクリックして、その正確な色をキャプチャします。拡大されたルーペがカーソルを追従するため、個々のピクセルを正確にターゲットにすることができます。

選択したすべての色は、HEX (#FF5733)、RGB (rgb(255, 87, 51))、および HSL (hsl(14, 100%, 60%)) で同時に表示され、CSS、Figma、またはその他のデザインツールにすぐに貼り付けることができます。

このツールは画像を分析し、最も支配的な色合いの 5 色のパレットを提案します。これをセットとしてコピーしたり、代替の色合いを選択して調整したりできます。

HEX、RGB、または HSL 値をクリックすると、すぐにクリップボードにコピーされます。トースト通知によってコピーが確認されるため、コンテキストを切り替えずに貼り付けることができます。

JPEG、PNG、または WebP ファイルをカラーピッカーにドラッグアンドドロップします。スクリーンショット、写真、デザインのモックアップはすべて機能します。

カーソルを画像の上に移動します。拡大ルーペには、ポインターの下の領域が拡大表示されます。クリックして色を固定します。

HEX、RGB、または HSL コードをクリックしてクリップボードにコピーします。繰り返してコレクションを構築するか、自動生成された主要なパレットを使用します。

はい。デバイスでスクリーンショットを撮り、結果の PNG または JPEG をアップロードし、他の写真と同じようにスポイトを使用します。これは、Web サイトやアプリからカラーをサンプルする優れた方法です。

このツールは画像キャンバスから正確な sRGB ピクセルデータを読み取るため、HEX、RGB、および HSL 値は 1 単位以内の精度になります。モニターの調整により、画面上の色が数値と異なって見える場合があることに注意してください。

絶対に。ロゴをアップロードし、各ブランドの色を個別に選択し、コードをコピーします。自動パレットは、明確なカラーブロックを持つロゴにも適しています。

ソース写真が暗いかノイズが多い場合、AI Enhance は露出を改善し、粒状性を低減することができ、カラーピッカーでよりクリーンでより正確なサンプルを使用できるようになります。

Explore our other limited free edits after sign-in photo and image tools.

ソーシャルメディア、Web、印刷用に画像のサイズを正確なピクセル寸法に変更します。サインアップは必要ありません。最大 50 MB の JPEG、PNG、および WebP をサポートします。

目に見える品質の低下を最小限に抑えながら、JPEG、PNG、および WebP 画像を最大 80% 圧縮します。品質スライダーを調整して完全に制御します。サインアップは必要ありません。

PNG 画像を即座に JPEG 形式に変換します。出力品質を調整し、透明な領域の背景色を選択してダウンロードします。サインアップは必要ありません。

JPEG 画像を PNG 形式に変換して、ロスレス品質と透明度をサポートします。背景除去前に最適です。サインアップやインストールは必要ありません。

Apple HEIC および HEIF 写真を汎用互換性のある JPEG 形式に変換します。ブラウザで動作します。アプリのインストール、サインアップ、サーバーへのファイルのアップロードは必要ありません。

ページの読み込みを高速化するために JPEG および PNG を WebP に変換するか、互換性のために WebP を JPEG/PNG に変換し直します。サインアップやインストールは不要で、ブラウザーで実行されます。