画像から色を抽出またはベースカラーを選択して調和のとれたパレットを生成——100%ブラウザ内処理、無料でプライベート。
無料で使う →画像をアップロード・ドラッグ・ペーストまたはURLで読み込み、メジアンカット量子化でドミナントカラーを占有率順に抽出。
任意のベースカラーからモノクロマティック・類似色・補色・分割補色・三角色・四色スキームを生成。
すべてのスウォッチで3形式を表示——クリックで即時コピー。
背景・テキスト・ボタン・アクセントを含む実際のサンプルUIにパレットを適用して確認。
AA/AAAコントラストチェックでテキストの可読性とアクセシビリティを確保。
CSS変数・Tailwindコンフィグ・SCSS変数・JSONでコピー、またはPNGスウォッチシートをダウンロード。
画像はCanvasでローカル処理——サーバーへのアップロードなし。
「画像」タブに切り替えて写真をアップロードするか、「カラー」タブでベースカラーを直接選択する。
抽出したスウォッチをクリックするか、カラーピッカー／HEX入力でスキームのベースを設定する。
6種の配色理論スキームを切り替えながら、パレットとプレビューがリアルタイム更新されるのを確認する。
任意の値をクリックしてコピーするか、CSS・Tailwind・SCSS・JSON・PNG画像でスキーム全体をエクスポートする。