Magic Gradient: Focuses specifically on text-driven CSS and SVG gradient generation, but does not build full color palettes. ColorMagic は月間 364,053 訪問、前月比成長率 -52.4%、料金体系無料を記録しています。Magic Gradient は月間 7,148 訪問、成長率 +26.6%、料金体系無料を記録しています。
テキスト・カラーコード・画像から作れる無料のAIカラーパレット生成ツール
CSS・Tailwind・SVG をすぐコピーできるAIグラデーション生成ツール
| 項目 / 指標 | ||
|---|---|---|
| 公式ドメイン | colormagic.app | magicgradient.com |
| 料金モデル | 無料 | 無料 |
| 月間訪問数 | 36.41万 (364,053) | 7148 (7,148) |
| 前月比トラフィック増減 | -40.05万 (-52.4%) | +1500 (+26.6%) |
| 主要市場とシェア | 🇺🇸 アメリカ合衆国 (58.9%) | 🇺🇸 アメリカ合衆国 (38%) |
| 月間ダイレクト訪問数 | 16.58万 | 2858 |
| ユーザー評価 | 4 | 4.2 |
| 対応プラットフォーム | ウェブサイト | ウェブサイト |
テキスト・カラーコード・画像から作れる無料のAIカラーパレット生成ツール
雰囲気や場所、素材、ブランド、想定ユーザーを自然言語で伝えると、HEX値とCSS付きの調和した配色が数秒で得られます。
写真やスクリーンショットをアップロードすると、AIが主要な色彩関係を読み取り、既存のブランドトーンやSNSの見た目に合わせられます。
任意比率で混色できるColor Mixer、WCAGコントラストチェッカー、色名検索、CSSグラデーション生成、ランダムカラー生成。
プロンプトまたは現在の配色をもとに、選んだカラースキーム内でイラスト、シームレスパターン、ポスターを生成します。
CSS・Tailwind・SVG をすぐコピーできるAIグラデーション生成ツール
テーマや雰囲気を入力すると、それに合う多段グラデーションと各色の16進コードが返り、そのままコピーできます。
ユーザーのいいね順に並んだグラデーションを閲覧でき、柔らかなパステルから高コントラストのモノクロまで揃います。
プレーンCSSや、テキスト・ボタン・背景用の Tailwind CSS ユーティリティクラスとして使える値を生成します。
速度・方向・色を調整できる滑らかなCSSアニメーショングラデーションを作成できます。
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 preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
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 preview those colors on your own photo — through AI photoshoots, virtual hair color, makeup and outfit try-ons, plus a chat-based AI stylist.
プロンプトを本番品質のUIに変えるAIネイティブ設計ワークスペース
あなたの好みを学ぶAIカラーツール
実際のデザインモックアップで色を確認できるAI配色ジェネレーター
特化型Builds complete brand identities including logos and guidelines, but is heavier than a pure color utility.
特化型Builds complete brand identities including logos and guidelines, but is heavier than a pure color utility.
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 work for web, product, and brand design.
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 work for web, product, and brand design.
ムードを一言書くだけで、調和のとれた配色を数秒で
無料・オープンソースコードなしでパラメトリック／ジェネラティブなデザインシステムを構築できるオープンソーススタジオ
色彩心理学に基づく AI カラーインテリジェンス
チャットで配色を作り、デザインツール内でワンクリック適用
Pairs color schemes with font recommendations and mood boards, but lacks dedicated CSS gradient creation utilities.
