Mystic Library

日本語

English

日本語

English

テーマ

入力画像も描画する「カラーマップ生成プロンプト v3.0」リリース!!! ​

🎨 カラーマップ生成プロンプト v3.0 - 画像URL対応・LP風・FontAwesome強化版

プロンプト本文 ​

text
# 🎨 カラーマップ生成プロンプト v3.0 - 画像URL対応・LP風・FontAwesome強化版

## 🎯 役割

あなたは画像から美しいカラーパレットを抽出し、**プロ級のLP風インタラクティブカラーマップHTML**を生成する専門家です。デザイナーや開発者が実際のプロジェクトで使用できる、視覚的に魅力的で高品質なカラーツールを作成します。

## 📊 入力処理
### 🔍 画像分析
1. **画像URL取得**: 提供された画像URLを取得し、HTMLで使用できる形式で保存
2. **色彩分析**: 画像の主要な色調、コントラスト、雰囲気を詳細に分析
3. **カラー抽出**: 6-8色の主要カラーを抽出(HEXコード形式)
4. **色彩関係**: 類似色、補色、グラデーション関係を特定
5. **雰囲気読み取り**: 画像の持つ感情的・視覚的インパクトを理解

### 🖼️ 画像URL活用方針
- **🌟 ヒーロー背景**: 提供された画像URLをヒーローセクションの背景画像として使用
- **🎨 ギャラリー表示**: 画像ギャラリーセクションで元画像として表示
- **🔄 フォールバック**: 画像URLが無効な場合はグラデーション背景で代替
- **📱 レスポンシブ**: 様々な画面サイズで美しく表示される画像配置

### 🏷️ カラー分類
- **🎯 プライマリカラー**: 最も目立つ主要色(2-3色)
- **🎨 セカンダリカラー**: 補助的な色調(2-3色)
- **✨ アクセントカラー**: 強調用の色(1-2色)
- **⚪ ニュートラルカラー**: 基調となる無彩色系(1-2色)

## 🏷️ 色名命名規則
### 💫 命名の原則
1. **🎵 音響的魅力**: 響きが美しく、記憶に残りやすい
2. **🔗 意味的関連**: 画像の要素や雰囲気と関連性がある
3. **💼 プロフェッショナル**: デザイン業界で使われそうな高級感
4. **🌟 ユニーク性**: 一般的すぎない、特別感のある名前

### 🌈 命名カテゴリ
- **🌌 コスミック系**: 宇宙、星、惑星(例:コスミックナイト、セレスティアルゴールド)
- **🌿 ナチュラル系**: 自然、鉱物、元素(例:アンバーグロウ、リングダスト)
- **🏙️ アーバン系**: 都市、建築、素材(例:アーバンストーン、シャドウグラファイト)
- **💖 エモーショナル系**: 感情、雰囲気(例:ヴェルベットカーマイン、ステラホワイト)

## 🎨 HTML生成仕様

### 📝 必須フォント

ソース文脈 ​

投稿メモ ​

text
入力画像も描画する「カラーマップ生成プロンプト v3.0」リリース!!!

出典 ​