カラーパレット抽出ツール

画像をアップロードすると、ツールが自動的に画像を分析し、K-Means クラスタリングを使用して主要な色を抽出します。各色は HEX、RGB、および HSL 値とともに表示されます。任意の色をクリックしてコピーします。

はい。ロゴ画像をアップロードすると、ツールがブランドのプライマリカラーとセカンダリカラーを識別し、CSS、Tailwind、または Figma などのデザイン ツールで使用する正確な 16 進コードを提供します。

WCAG (Web コンテンツ アクセシビリティ ガイドライン) は、テキストと背景の色のコントラスト比を定義します。視覚障害のあるユーザーが通常のテキスト (AA 標準) を読めるようにするには、少なくとも 4.5:1 の比率が必要です。

スライダーを使用して、3 から 12 の主要な色を抽出し、画像に含まれる視覚的な空間と鮮やかさの程度によってランク付けできます。写真を直接クリックして、正確なピクセルの色をサンプルすることもできます。

はい。このツールは、すぐに使用できる CSS カスタム プロパティ変数 (--color-primary: #hex) と、プロジェクトに直接貼り付けることができる Tailwind 構成スニペットを生成します。

写真をアップロードすると、ツールがその主要な色を抽出し、デザインにコピーできる HEX、RGB、HSL 値を含む見本としてそれぞれを表示します。

抽出されたパレットには、すべての主要色の HEX (および RGB/HSL) コードがリストされるため、CSS またはデザイン ツールに正確な値をコピーできます。

はい。ロゴをアップロードすると、主要な色が特定されるので、ブランド パレットを再構築できます。抽出はブラウザ内で実行され、画像は非公開に保たれます。

はい: エクストラクターは、デザイン ツールに直接コピーできる主要な色を 16 進値として返します。