# Khroma vs Magic Gradient Khroma は月間 95,537 訪問、前月比成長率 -31.7%、料金体系無料を記録しています。Magic Gradient は月間 7,148 訪問、成長率 +26.6%、料金体系無料を記録しています。 | 指標 | [Khroma](https://openaitools.app/ja/tool/khroma) | [Magic Gradient](https://openaitools.app/ja/tool/magic-gradient) | | :--- | :--- | :--- | | ウェブサイト URL | https://www.khroma.co | https://magicgradient.com | | カテゴリ | AI カラーパレット生成, AIデザインアシスタント, AIグラフィックデザイン | AI カラーパレット生成, AIデザイン生成, AIグラフィックデザイン | | 料金モデル | 無料 | 無料 | | 月間訪問数 | 95,537 | 7,148 | | 前月比成長率 | -31.7% | +26.6% | | 主要市場 | アメリカ合衆国 | アメリカ合衆国 | | ダイレクト訪問 | 45,569 | 2,858 | | レビュースコア | 4.3 | 4.2 | | 保存数 | 0 | 0 | | 対応プラットフォーム | ウェブサイト | ウェブサイト | ## Khroma Khromaは、色の組み合わせを勘に頼らず決めたいデザイナーのための無料Webアプリです。固定のパレット一覧を眺めるのではなく、まず好きな色をいくつか選び、次に苦手な色を指定します。その選択がブラウザ内で直接動くニューラルネットワークに入力され、アルゴリズムが好みを学習して、避けたい色相を外しながら好みに合う組み合わせを生成し続けます。 配色エンジンは、インターネット上から集めた数千点の人気パレットで訓練されているため、結果はランダムではなく実用的に感じられます。生成された配色は4通りの方法で確認できます。タイポグラフィとして、グラデーションとして、単純なスウォッチとして、あるいはアップロードした画像に重ねて見ることができます。これにより、ランディングページやポスター、モバイルUIなど、実際に使われる場面で配色を判断できます。 ジェネレーターの上には検索とフィルターの層があります。色相、トーン、明度、特定の色で組み合わせを探せるほか、16進数やRGB値を直接入力して検索できます。気に入ったものは無制限の個人ライブラリに保存でき、各ペアには色名、16進コード、RGB値、CSSコード、さらにWCAGのアクセシビリティ評価が付くので、実装前にコントラストを確認できます。KhromaはGeorge Hastingsによって制作され、完全無料で利用でき、ゲストデザイナーが配色を紹介するInstagramアカウントも活発に運用されています。 **料金とプラン:** Khromaは完全無料です。アカウント料金もサブスクリプションも有料プランもなく、サイトを開けばブラウザ上ですぐに配色を生成できます。 - **パーソナライズされたニューラルネットワーク:** 好きな色を選び苦手な色を除外すると、ブラウザ内のアルゴリズムが学習し、好みに合った組み合わせを生成します。 - **4つのプレビューモード:** タイポグラフィ、グラデーション、スウォッチ、そしてアップロードした画像に重ねて表示し、実際の文脈で確認できます。 - **高度な検索と絞り込み:** 色相・トーン・明度・色名で生成結果を検索でき、正確な16進数やRGB値を入力して一致する配色も探せます。 - **無制限の保存ライブラリ:** お気に入りの配色を無限にコレクション化し、色名・16進コード・RGB・CSSコードとともにいつでも参照できます。 - **WCAGアクセシビリティ評価:** 各色ペアにコントラストのスコアが付き、読みやすいインターフェース設計を後押しします。 **強み:** 完全無料で登録不要、利用回数の制限もなし; 一般的なキュレーションではなく個人の好みを学習する; 各ペアに16進コード、RGB、CSSコード、WCAG評価が付属; タイポグラフィ、グラデーション、自作画像など実際の文脈で確認できるプレビュー **制約・デメリット:** 結果が十分に好みへ寄るまでにある程度の学習期間が必要; チーム共有、クラウド同期、APIなどの協業機能はない; 保存ライブラリはブラウザ依存のため、端末間の移行がやや不便 [Profile (Markdown)](https://openaitools.app/ja/tool/khroma.md) ## Magic Gradient Magic Gradient は「本当に見栄えのするグラデーションを選ぶ」という具体的な面倒事を、ワンステップの操作に変えます。ムードやモチーフ、ブランドの印象などのキーワードを入力すると、多段グラデーションとそれぞれの16進カラーコードが返り、スタイルシートやデザインツールへ直接持ち込めます。 入力欄だけでなく、サイトは発見型のライブラリとしても機能します。グラデーションはコミュニティのいいね数で並べ替えられ、柔らかなピンクと紫の組み合わせ、エメラルドグリーン、Instagram風の三色フェードなどが正確なカラーコード付きで紹介されます。すでにおおよその方向性が決まっていて、生成より閲覧したい場合にも役立ちます。 関連ツールは出力を実務フォーマットへ広げます。CSSトランジション用のアニメーショングラデーション生成、そのまま貼れるユーティリティクラスを出す Tailwind CSS ビルダー、アップロードしたSVGに線形・放射グラデーションを適用する変換ツール、セクション区切り用のSVG波形生成ツールです。すべてブラウザ内で完結し、多くのデザイナーや開発者が利用しているとされています。 **料金とプラン:** Magic Gradient は無料で利用できます。中核のAIグラデーション生成、コミュニティギャラリー、アニメーション・Tailwind・SVGの各ツールはいずれも無料で、トップページに有料プランの案内はありません。 - **キーワードからのAI生成:** テーマや雰囲気を入力すると、それに合う多段グラデーションと各色の16進コードが返り、そのままコピーできます。 - **コミュニティギャラリー:** ユーザーのいいね順に並んだグラデーションを閲覧でき、柔らかなパステルから高コントラストのモノクロまで揃います。 - **Tailwind / CSS 書き出し:** プレーンCSSや、テキスト・ボタン・背景用の Tailwind CSS ユーティリティクラスとして使える値を生成します。 - **アニメーショングラデーション:** 速度・方向・色を調整できる滑らかなCSSアニメーショングラデーションを作成できます。 - **SVG塗り・波形ツール:** SVGをアップロードして線形・放射グラデーションを適用したり、セクション区切り用のグラデーション波形を作成できます。 **強み:** 基本機能は登録不要で完全無料; インスピレーションだけでなくコピー可能な出力を提供; CSS・Tailwind・SVGを1か所でカバーする書き出し形式; いいね数で本当に人気の配色がすぐ分かる **制約・デメリット:** AI部分はキーワード依存のため、細かな調整は手動編集が必要; 設計ユーティリティに限られ、フルエディタやプロジェクト書き出しはない; ギャラリー頼みだと流行に沿ったありがちな配色になりやすい [Profile (Markdown)](https://openaitools.app/ja/tool/magic-gradient.md) ## よくある質問 ### Khroma と Magic Gradient の月間トラフィックはどのように比較されますか？ Khroma の月間訪問数は 95,537、Magic Gradient は 7,148 です。トラフィックの推定値はオーディエンスの規模を示すものであり、製品の品質を示すものではありません。 ### 成長率はどのように比較されますか？ Khroma の前月比成長率は -31.7%、Magic Gradient は +26.6% です。 ### 料金はどのように比較されますか？ Khroma: 無料。Khromaは完全無料です。アカウント料金もサブスクリプションも有料プランもなく、サイトを開けばブラウザ上ですぐに配色を生成できます。 Magic Gradient: 無料。Magic Gradient は無料で利用できます。中核のAIグラデーション生成、コミュニティギャラリー、アニメーション・Tailwind・SVGの各ツールはいずれも無料で、トップページに有料プランの案内はありません。 ## 代替ツール | # | ツール名 | 月間訪問数 | 前月比成長率 | 料金モデル | Summary | Profile (Markdown) | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 1 | [LogoAI](https://openaitools.app/ja/tool/logoai) | 437,062 | -26.3% | フリーミアム | ブランドキットまで育てるAIロゴメーカー | [.md](https://openaitools.app/ja/tool/logoai.md) | | 2 | [ColorMagic](https://openaitools.app/ja/tool/colormagic) | 364,053 | -52.4% | 無料 | テキスト・カラーコード・画像から作れる無料のAIカラーパレット生成ツール | [.md](https://openaitools.app/ja/tool/colormagic.md) | | 3 | [PaletteHunt](https://openaitools.app/ja/tool/palettehunt) | 339,129 | +22.7% | 有料 | PaletteHunt is an online personal color analysis studio that turns a single selfie into a full seasonal color report. It identifies your undertone and best-fit season, returns a 30-color palette, and then lets you previe | [.md](https://openaitools.app/ja/tool/palettehunt.md) | | 4 | [Magic Patterns](https://openaitools.app/ja/tool/magic-patterns) | 193,614 | -9.6% | フリーミアム | プロンプトを本番品質のUIに変えるAIネイティブ設計ワークスペース | [.md](https://openaitools.app/ja/tool/magic-patterns.md) | | 5 | [PaletteMaker](https://openaitools.app/ja/tool/palettemaker-com) | 81,376 | -8.2% | 無料 | 実際のデザインモックアップで色を確認できるAI配色ジェネレーター | [.md](https://openaitools.app/ja/tool/palettemaker-com.md) | | 6 | [HueHive](https://openaitools.app/ja/tool/huehive) | 31,492 | -4.2% | フリーミアム | HueHive is an AI-powered color palette generator that turns a simple prompt or reference into ready-to-use color schemes. It includes customization options and accessibility insights so designers can build palettes that | [.md](https://openaitools.app/ja/tool/huehive.md) | | 7 | [My Color Analysis AI](https://openaitools.app/ja/tool/my-color-analysis-ai) | 14,430 | -15.3% | フリーミアム | 自撮り1枚で無料のAIパーソナルカラー診断——季節タイプとパレットがわかる | [.md](https://openaitools.app/ja/tool/my-color-analysis-ai.md) | | 8 | [AiColors.app](https://openaitools.app/ja/tool/aicolors-app) | 8,877 | -20.3% | フリーミアム、無料 | ムードを一言書くだけで、調和のとれた配色を数秒で | [.md](https://openaitools.app/ja/tool/aicolors-app.md) | | 9 | [Components AI](https://openaitools.app/ja/tool/components-ai) | 8,516 | -18.9% | 無料 | コードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ | [.md](https://openaitools.app/ja/tool/components-ai.md) | | 10 | [Perception](https://openaitools.app/ja/tool/perception-io) | 3,216 | +9.7% | フリーミアム、有料、料金は要問い合わせ | 色彩心理学に基づく AI カラーインテリジェンス | [.md](https://openaitools.app/ja/tool/perception-io.md) | --- 出典: https://openaitools.app/ja/compare/khroma-vs-magic-gradient More Markdown: [カテゴリ](https://openaitools.app/ja/categories.md) · [トラフィックランキング](https://openaitools.app/ja/rankings.md) · [llms.txt](https://openaitools.app/ja/llms.txt)