デザイン
Webカラーガイド：色彩理論から実践的なパレットまで
2025-05-12デザイン
色の力
ウェブサイトの第一印象の90%は色から来ます。
色の基礎 - 色相（Hue）：色の種類 - 彩度（Saturation）：純粋さ - 明度（Lightness）：明暗
定番の配色スキーム 1. 補色：色相環の反対（強いコントラスト） 2. 類似色：隣接する色（調和的） 3. トライアド：等間隔の3色 4. モノクロ：同じ色相の明暗違い
色彩心理学 - 青：信頼、プロフェッショナル - 赤：情熱、緊迫感 - 緑：自然、健康 - 紫：高級感、革新
60-30-10ルール 60%メイン色、30%サブ色、10%アクセント色
アクセシビリティ テキストと背景のコントラスト比4.5:1以上
YAKOOAITOOLSのカラーツールでフォーマット変換、補色生成、コントラストチェックができます。