Grace Bloom Drop　画像カラー抽出＆配色パレット作成ツール【無料・スポイト機能搭載・カラーコード対応】

イラストの色味に合わせたUIデザインや正確なカラーコードの取得。

Grace Bloom Dropは画像内の色分布を解析し最適な配色パレットを自動生成するツールです。

既存ツールにも似たようなものはあると思いますがデザイナー向けのおしゃれなパレット作成ではなく、「HTML編集で役立つ」「カラー指示を出す」「本当に欲しい色の情報を的確に取得する」など実務的に使うことに重点を置いています。

本ツールの強み・出来ること

画像から自動抽出：画像をドロップするだけで、使用されている色の多い順に最大10色まで自動でパレット化します。

究極のスポイト機能：自動抽出に納得がいかない時は、画像上の欲しい色を直接クリック！

アプリ内のどこからでも正確な色をピンポイントで取得できます。

ここが既存ツールとの最大の差別化ポイントです。

グラデーション生成：2〜4色をベースに、滑らかな色の変化を自動生成。

類似色ボタンを使えば、統一感を保ったままランダムに配色を広げることも可能です。

HTML/CSS編集の強い味方：カラーコードをコピペで取得可能。

生成した色とカラーコードを１枚の画像で保存可能なので、自作アプリやWebサイトのUIカラー指示などデザインの微調整に役立ちます。

全ツールへの色連携：取得したカラーコードは、以下の自作アプリ群のカスタムカラーにそのまま使用可能です。

OmniFitPic：フォントの装飾や縁取りの色に。

V-OrbitShot：アバターに最適な背景色設定に。

Atlas Nova Flow：ランチャーのテーマカラー設定に。

PixLumina：キャンバスや枠線の色指定に。

これらのアプリにもカラースポイト機能はありますがGrace Bloom Dropを別窓で開くと作業効率がアップします。

アドレスバーなどすべて非表示にしてアプリのように起動するやり方

ブラウザのフルパス" --app="HTMLのフルパス

こちらをショートカットに設定するとアプリのように起動できます

色づくりに迷ったら

ランダム配色生成サイト

farbvelo　https://farbvelo.elastiq.ch/

などを使ってみるのもいいと思います。

非常にセンスの良い配色をランダムに生成してくれるツールなのでこちらで気に入った色が出来たらカラーコードをGrace Bloom Dropに移してオリジナルのカラーパターンも生成可能。

気に入った色だけを吸い取って保存することも出来ます。

farbveloのセンスのいい色づくりとGrace Bloom Dropの色の管理と言う両方の強みを生かせる組み合わせになります。

すべてのHTMLファイル共通事項

制作者月森蝶華が欲しい機能しかついていません

バグ以外の対応は致しかねます（新機能実装などの要望）

知識のある方はコードを書き換えてお好きにご使用ください

ただし二次配布や自作発言は厳禁です

利用の報告やリンクなども任意です

紹介などはしていただけたら嬉しいです

商用利用化です

著作権は放棄してません