画像カラーピッカー

画像をここにドラッグします

画像ファイル | 画像URL

画像ファイルを選択してください

受け入れられる形式 (jpg、gif、png、svg、webp...)

サンプルサイズ:

画像の色を知りたいですか?この画像カラーピッカーは、単一ピクセルの色または選択した領域の平均色を見つけるのに役立ちます。複数のカラーコードをサポートしています: HEX、RGB、CMYK、HSL、HSV。この無料のオンラインツールはインストールが不要で、デスクトップやモバイルデバイス上の色を瞬時に識別します。写真を選択し、キャンバスをクリックするか領域を選択するだけで、正確なカラーコードがすぐに表示されます。

この画像カラーピッカーの使い方

カラーピッカーは画像をロードする複数の方法を提供し、自動的に画像をロードしようとします。

「ファイルを選択」をクリックして画像ファイルを選択します。
画像ファイルをキャンバス上にドラッグします。
指定したURLを入力し、[Enter]を押します。
Ctrl+V を押して、コピーした画像を直接貼り付けます。ブラウザのメニューには [編集 | V] もあります。 [貼り付け]オプションを選択します。

アップロードされた画像に許容される形式は、ブラウザーとデバイスによって異なる場合があります。
画像が正常に読み込まれると、キャンバスに表示されます。
画像の読み込みが完了すると、上位 12 色の主要な色が表示されます。
URL による読み込みが失敗した場合は、代わりにローカルマシンから画像ファイルを選択してください。
画像上の任意のピクセルをクリックして色を選択します。
単一のポイントカラー、または小さな正方形領域内の平均カラーを選択できます。
選択したカラーコードが下に表示されます。カラーコードをクリックすると、自動的にクリップボードにコピーされます。
カラーパレットには、画像内のほとんどの 12 色が含まれています。カラー見本をクリックすると、その 16 進コードが自動的にコピーされます。
他の Web ページから画像をコピーするには、次の 2 つの方法があります。 1. スクリーンショットを撮ります。 2. 画像を右クリックし、「画像をコピー」を選択します。

安全で安心: プライバシーは 100% 保証されます

私たちはあなたのプライバシーを非常に重視しています。この画像カラーピッカーを使用すると、すべての画像処理は、JavaScript を使用して Web ブラウザ内で完全にローカルで行われます。あなたの写真が当社のサーバーにアップロード、送信、保存されることはありません。完全に安心して、個人画像または機密画像から安全に色を抽出できます。

色空間と変換について理解する

このツールで画像を操作すると、システムは、HTML5 Canvas テクノロジを使用して、生のピクセルデータをローカルで分析します。デジタル画面の母国語は RGB (赤、緑、青) です。クリックすると、当社のアルゴリズムがベースの RGB データを即座に計算して複数の業界標準の色空間に変換し、さまざまなデザインワークフローをサポートします。

HEX & RGB: Web デザイン、UI/UX、およびソフトウェア開発の絶対的な標準。これらは、画面から放射される正確な光の値を表します。
CMYK (シアン、マゼンタ、イエロー、キー/ブラック): オフセットおよびデジタル印刷に不可欠です。私たちのツールは、画面の RGB ライト値をインクのパーセンテージに変換します。これにより、物理的な印刷物用のデジタル写真を準備する際に、高精度のデジタル参照が提供されます。
HSL および HSV (HSB): 色相、彩度、明度 / 値を表します。これらのモデルは、人間の視覚認識に合わせて設計されています。これらは、色の調和、明るさ、コントラストを直感的に調整するために、グラフィックデザイナーやデジタルアーティストによって広く使用されています。

「平均カラー」ピッカーを使用する理由は何ですか?

現実世界の写真にはデジタルノイズが含まれることがよくありますが、 JPG 圧縮アーティファクト、または微妙な照明のグラデーション。 1 つのピクセルだけを選択すると、目が認識するものとはわずかに異なるカラーコードが表示される可能性があります。サンプルサイズスライダーを調整することで、私たちのツールは、その特定の正方形領域 (例: 11x11 ピクセル) 内のすべての RGB 値の数学的平均を計算します。または、マウスをドラッグして平均カラー領域のサイズを選択することもできます。この機能はノイズを平滑化し、より正確な、安定した視覚的に代表的なカラーコード。

スマートフォンでこのカラーピッカーを試してください

このウェブページの高品質なテキスト翻訳を歓迎します。

私たちは常に、最高の機能、より優れたユーザーインターフェイス、より優れたエクスペリエンスを提供することに取り組んでいます。改善のための提案を歓迎します。このウェブページのテキストは Google 翻訳によって自動的に生成されており、不正確な部分が含まれている可能性があります。 Web ページのテキストについて、より適切で正確な説明を提供したい場合は、このボタンをクリックして翻訳を開始してください。 ›››
マナーを守って悪意を持って使用しないでください。