画像をアップロードして任意の色を選択すると、正確なHEX、RGB、HSLコードをブラウザですぐに取得できます。
クリックして選択、または画像をドラッグ＆ドロップ
JPEG、PNG、WebP（最大10MB）に対応
あらゆる画像から色を抽出する、最速かつ正確な方法 — ブラウザ上で直接。
画像上のどこをクリックしても正確なカラー値を取得。ズームインして個々のピクセルを正確に選択できます。
3つの形式すべてで同時に色を取得。ワンクリックで任意の形式をコピー — デザインツール、CSS、コードに直接貼り付けられます。
画像から主要な色を自動抽出。複数の色をクリックしてカスタムパレットを作成 — ブランドやデザインのインスピレーションに最適です。
画像はデバイス上に留まります。アップロードなし、サーバーなし、誰にも写真は見られません。すべての色抽出はブラウザ内でローカルに行われます。
待ち時間なし、処理遅延なし。ピクセルをクリックするとすぐにカラーコードが表示されます。高解像度画像も小さい画像と同じ速さで動作します。
モダンブラウザを搭載したあらゆるデバイスで動作 — デスクトップ、タブレット、モバイル。アプリのインストールもプラグインも不要です。
3つのステップで任意の写真から正確なカラーコードを抽出します。
アップロードエリアをクリックするか、JPEG、PNG、WebP画像をドラッグ＆ドロップ。写真、スクリーンショット、デザインなど、最大10MBのあらゆる画像ファイルに対応。
画像上のどこをクリックしても、そのピクセルの正確な色を取得。精度を高めるにはズームスライダーを使用 — 8倍までズームしてピクセル単位で正確に選択できます。
HEX、RGB、HSLコードを即座に取得。「パレットに追加」をクリックして複数の色を集め、カスタムカラースキームを作成。任意のコードをワンクリックでコピー。
画像からの色抽出に関するすべて。
ピクセル単位で正確です。クリックしたピクセルの正確なRGB値を読み取ります。丸めや近似は一切なく、画像ファイルに保存されている正確な色を取得できます。
HEXはウェブデザインで使われる6文字のコードです（例：#FF5733）。RGBは赤、緑、青の成分を数値で示します（例：255, 87, 51）。HSLは色相、彩度、輝度を示し、似た色を見つけるのに便利です。お使いのツールが必要とする形式を選べるよう、3つすべてを提供しています。
はい。任意のスクリーンショットをアップロードして、他の画像と同じように色を選択できます。ウェブサイト、アプリ、オンラインで見つけたデザインの色を合わせるのに最適です。
絶対にありません。すべての色抽出はCanvas APIを使用してブラウザ内でローカルに行われます。画像がデバイスから送信されることは決してありません — 100%プライベートで安全です。
自動パレットは画像を分析し、色量子化を使用して主要な色を抽出します。画像を最もよく表す5〜6色を見つけます — ブランドカラーの抽出やデザインのインスピレーションに便利です。
はい。カラーピッカーはモダンブラウザを搭載したあらゆるデバイスで動作します。モバイルでは、ピンチでズームして正確なピクセルを選択したり、スマートフォンのカメラで撮影した写真をアップロードしたりできます。