【無料・スポイト機能搭載・カラーコード対応】Grace Bloom Drop 画像カラー抽出＆配色パレット作成ツール
- Grace Bloom DropDigital0 JPY
- ブースト用（中身は同じです）Digital500 JPY
イラストの色味に合わせたUIデザインや正確なカラーコードの取得。 Grace Bloom Dropは画像内の色分布を解析し最適な配色パレットを自動生成するツールです。 既存ツールにも似たようなものはあると思いますがデザイナー向けのおしゃれなパレット作成ではなく、「HTML編集で役立つ」「カラー指示を出す」「本当に欲しい色の情報を的確に取得する」など実務的に使うことに重点を置いています。
アップデート履歴
v1.1.0 2026.01.23 色の読み取り機能大幅強化 カスタムカラー外部保存機能 UI色の変更 v1.0.0 2026.01.19 配布開始
本ツールの強み・出来ること
画像から自動抽出：画像をドロップするだけで、使用されている色の多い順に最大10色まで自動でパレット化します。 究極のスポイト機能：自動抽出に納得がいかない時は、画像上の欲しい色を直接クリック！ アプリ内のどこからでも正確な色をピンポイントで取得できます。 ここが既存ツールとの最大の差別化ポイントです。 グラデーション生成：2〜4色をベースに、滑らかな色の変化を自動生成。 類似色ボタンを使えば、統一感を保ったままランダムに配色を広げることも可能です。 HTML/CSS編集の強い味方：カラーコードをコピペで取得可能。 生成した色とカラーコードを１枚の画像で保存可能なので、自作アプリやWebサイトのUIカラー指示などデザインの微調整に役立ちます。 全ツールへの色連携：取得したカラーコードは、以下の自作アプリ群のカスタムカラーにそのまま使用可能です。 1.1.0で各アプリの色の連携が大幅強化されました。 色の読み取り専用の項目を設置したことにより今までは数字を手入力でしか読み込めなかった部分がコピペにも対応。 2026.01.23アップデートですべてのアプリに実装しています。 OmniFitPic：フォントの装飾や縁取りの色に。 V-OrbitShot：アバターに最適な背景色設定に。 Atlas Nova Flow：ランチャーのテーマカラー設定に。 PixLumina：キャンバスや枠線の色指定に。 これらのアプリにもカラースポイト機能はありますがGrace Bloom Dropを別窓で開くと作業効率がアップします。
色づくりに迷ったら
ランダム配色生成サイト farbvelo https://farbvelo.elastiq.ch/ などを使ってみるのもいいと思います。 非常にセンスの良い配色をランダムに生成してくれるツールなのでこちらで気に入った色が出来たらカラーコードをGrace Bloom Dropに移してオリジナルのカラーパターンも生成可能。 気に入った色だけを吸い取って保存することも出来ます。 farbveloのセンスのいい色づくりとGrace Bloom Dropの色の管理と言う両方の強みを生かせる組み合わせになります。
すべてのHTMLファイル共通事項
制作者月森蝶華が欲しい機能しかついていません 故にご利用は自己責任でお願いします すべての責任は負いません バグ以外の対応は致しかねます（新機能実装などの要望） 知識のある方はコードを書き換えてお好きにご使用ください ただし二次配布や自作発言は厳禁です 利用の報告やリンクなども任意です 紹介などはしていただけたら嬉しいです 商用利用化です 著作権は放棄してません 今後の制作の資金に充てさせていただきますので有用だと思った方は、中身は同じで恐縮ですが是非支援版もご検討お願いいたします