Grace Bloom Drop 画像カラー抽出＆配色パレット作成ツール【無料・スポイト機能搭載・カラーコード対応】
- Grace Bloom DropDigital0 JPY
- ブースト用（中身は同じです）Digital500 JPY
イラストの色味に合わせた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の色の管理と言う両方の強みを生かせる組み合わせになります。
ご利用の注意点
カラーコードのコピーの仕方：カラーコードの頭にある#を抜いた数字６桁をコピペしてください カラー回りのセキュリティで６桁制限だそうです 恐らく右クリックが利いていないと思うのでctrl+Cとctrl+Vでご利用ください
すべてのHTMLファイル共通事項
制作者月森蝶華が欲しい機能しかついていません バグ以外の対応は致しかねます（新機能実装などの要望） 知識のある方はコードを書き換えてお好きにご使用ください ただし二次配布や自作発言は厳禁です 利用の報告やリンクなども任意です 紹介などはしていただけたら嬉しいです 商用利用化です 著作権は放棄してません