配色・テーマカラー提案

デザインセンスは不要。「好きな色」を1つ選ぶだけで、正解の配色を教えます。

「サムネイルの文字色、何色にしよう？」「背景となじんでしまって読みづらい…」 色選びに迷って時間を浪費していませんか？

色はセンスではなく**「理論」**です。 メインとなる色を一つ決めれば、それに合う背景色や文字色は、色彩理論とアクセシビリティ（見やすさ）の計算式で自動的に導き出せます。

このツールは、あなたが「これだ！」と思うメインカラーを一つ選ぶだけで、Webデザインや動画テロップとして**「使える配色パレット」**を即座に提案します。

生成される色

1. 背景色: メインカラーを引き立てる、ごく薄い色や白ベースの色。
2. 文字色: 背景に乗せても読みやすい、コントラスト比（4.5:1以上）を確保した色。
3. アクセント: 「ここぞ！」という強調に使え、かつメイン色と喧嘩しない色。

---

具体的な使い方の手順

1. メインカラーを選ぶ: カラーピッカーで好きな色を選ぶか、ブランドカラーのコード（#FF0000など）を入力します。
2. パターンを確認: 即座に配色サンプルが表示されます。架空のUIカードでプレビューされるので、実際の見え方がイメージできます。
3. コードをコピー: 気に入った色のHEXコードをワンクリックでコピーできます。

---

活用シーン

1. YouTubeサムネイルの文字色

「背景がこの色だから、文字は何色なら目立つ？」と迷った時、補色（反対色）やハイコントラストな色を瞬時に見つけられます。

2. 資料作成・スライドデザイン

PowerPointのテーマカラーを決める際、メイン一色だけ決めれば、残りの見出し色や背景色はこのツールが教えてくれます。

3. WebサイトやアプリのUI設計

ボタンの色（プライマリ）に対するテキスト色（オン・プライマリ）など、マテリアルデザイン的な配色検討にも役立ちます。

---

技術仕様：WCAG 2.1 準拠

このツールは、Webコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.1 に基づくコントラスト比計算を行っています。 「AA評価（4.5:1以上）」を満たす組み合わせを優先的に提案するため、**「誰にとっても読みやすい配色」**が自然と作れるようになっています。