画像からHEX、RGB、HSLカラーを抽出します。パレットの作成・編集、テキストのコントラスト確認を行い、カラーコードをコピーするか、PNG、SVG、CSS、JSONとしてエクスポートしてください。
完成したファイルをダウンロードします。
ピクセルを検査し、そのHEX、RGB、またはHSL値をコピーして、写真から開始パレットを抽出します。気に入った色を保持し、残りを編集し、テキストと背景の組み合わせを確認して、PNG、SVG、CSS、またはJSONをエクスポートします。
画像をクリックまたはタップして色を検査し、そのコードをコピーします。
拡大鏡を使用すると、細かい部分を狙いやすくなります。画像をフォーカスし、矢印キーで1ピクセルずつ、Shiftキーと矢印キーで10ピクセルずつ移動し、Enterキーで選択します。HEX、RGB、HSLには個別のコピーボタンがあります。ブラウザでデコード可能なソースは、ブラウザ内でサンプリングされますsRGB。代わりに正規化されたプレビューが使用される場合、そのラベルは色と座標が近似値であることを示します。
3から12色を選択して抽出し、「Dominant（主要）」または「Vibrant（鮮やか）」を試してください。
「Dominant」は画像の主要な色を優先し、「Vibrant」は鮮やかなアクセントカラーに影響を与えます。抽出は境界のある画像をサンプリングし、類似した色をグループ化して、要求された数まで返します。フラットな画像にはそれより少ない色しか含まれない場合があります。完全に透明なピクセルは除外され、部分的な不透明度はピクセルの重みを減らします。パーセンテージはサンプリングされたグループの近似値であり、元のすべてのピクセルの正確な数ではありません。自動抽出では、画像がサーバーにアップロードされます。
便利なスウォッチをロックし、そのHEX値を編集するか、選択した色やカスタムカラーを追加します。
スウォッチを選択して色を編集したり、左右に移動したり、削除したりします。「ロック」は、「パレットの更新」を使用したり抽出設定を変更したりするときに、選択した色を保持します。「パレットに追加」はサンプリングされたRGB色を使用し、「カスタムカラーを追加」ではHEX値を入力できます。パレットにはエクスポート用に1から12色を含めることができます。選択、編集、およびロックされた色は、自動生成されたパーセンテージを受け取りません。
「サンプリング」の下で「ソースの色」または「背景上の合成」を選択します。
「ソースの色」は、コピーされたコード内で選択したピクセルとその不透明度を報告します。「背景上の合成」は、「背景のサンプリング」とブレンドした後の外観を表示します。パレットの色とエクスポートは不透明なRGB値であるため、半透明のソース色を追加してもアルファチャンネルは保持されません。サンプリングモードは検査される色を変更しますが、ソース画像の再着色や自動抽出の変更は行いません。
「色のコントラストを確認」を使用して、2つの色を比較します。
カラーコントロールで「テキスト」と「背景」を選択し、HEX値を入力するか、選択した色を使用します。プレビューには、コントラスト比と、テキストに対する「Normal AA」、「Normal AAA」、「Large AA」、「Large AAA」の結果が個別に表示されます。これは選択した色の組み合わせのみをチェックするものであり、ページ全体を監査したり、すべての背景画像を考慮したり、完全なデザインがアクセシブルであることを証明したりするものではありません。
パレット画像、ベクタースウォッチ、CSS変数、または構造化された色データを保存します。
PNGはラベル付きのパレットカードを作成します。SVGはスウォッチとラベルをベクターコンテンツとして保持します。CSSは--color-1のような番号付き変数をエクスポートします。JSONにはHEX、RGB、HSL値が含まれます。「名前を付けて保存」を選択し、「開始」を選択して、選択した拡張子を持つ「palette」という名前のファイルを1つ作成します。色やパレット全体HEXをコピーする方が、値のみが必要な場合は迅速です。
1ファイルあたり最大 25 MB。 1回につき1つの入力ファイル。
最大60メガピクセルのソース画像1枚。抽出サンプルは1辺あたり最大512ピクセルで、完全に透明なピクセルは無視され、要求された数より少ない色が返される場合があります。エクスポートは1～12色の不透明なパレットカラーに対応しています。アニメーションや複数画像のソースは、最初の静止フレームが使用されます。
画像はパレット抽出のために自動的にアップロードされ、最終エクスポートのために再度アップロードされます。ピクセル抽出と手動のパレット編集はブラウザ上で実行されます。ブラウザでデコードできない形式の場合は、サーバーでのプレビューが必要になることがあります。このツールはAIではなく、従来のカラー処理を使用しています。
ファイルはサーバー上で処理されます。ブラウザでのデコードが利用できない場合やドキュメントのプレビューが必要な場合は、プレビュー準備のためにファイルがアップロードされることがあります。 サーバーのダウンロードは、セッションごとに最大2時間利用可能です。
画像の結果を得るには、ダウンロード結果の下にある「続ける」を使用して、互換性のある次のステップを選択してください。引き継ぐ画像を選択できます。次のツールは独自の設定で開始されます。
エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。
始める前のいくつかの回答。
一時的なサーバー処理はい。ピクセルを選択し、必要な値の横にあるコピーボタンを使用します。ピッカーは関連する場合に不透明度を表示します。不透明なパレットのエクスポートにはRGB色が含まれます。
「Dominant」は一般的な画像の色を強調します。「Vibrant」は鮮やかなアクセントカラーに影響を与えます。どちらもサンプリングされた近似値であり、特定のブランドカラーを自動的に見つけることを保証するものではありません。
ソースに含まれる目に見える色が少ない場合があります。抽出機能は、要求された数を満たすために重複したスウォッチを作成するのではなく、利用可能なグループを返します。
はい。そのスウォッチを選択し、「色をロック」を使用します。カスタムHEX値を追加したり、スウォッチを並べ替えたり、エクスポート前に色を削除したりすることもできます。
いいえ。ピクセル選択とパレット編集はブラウザ内で実行されますが、自動抽出と最終エクスポートではソースがサーバーにアップロードされます。一部の入力形式では、サーバーで生成されたプレビューも必要です。
