ダークモードカラー変換ガイドの使い方
ライトモードのHEXカラーを入力すると、ダークモードに適した色を自動的に提案します。単純な色の反転ではなく、HSL（色相・彩度・明度）ベースの調整でダーク背景に合う色を生成します。
基本原則：非常に明るい色（背景#FFFFFF）は暗い色（#121212前後）に、暗いテキスト色は明るい色に変換します。彩度が高いアクセントカラーは彩度を少し下げて明度を上げ、ダーク背景でも目立つよう調整します。
ダークモード背景には純粋な黒（#000000）より、Material Designの#121212やAppleの#1C1C1Eが目の疲れを軽減します。実際のデザインではWCAG AAコントラスト比（本文4.5:1以上）を必ず確認してください。
よくある質問
ダークモードで色を単純に反転しない理由は？
単純反転では意図しない色が現れます。HSL調整はブランドカラーのトーンを維持しつつダーク背景に適した色を生成できます。
ダークモードの背景色は何を使うべきですか？
Material Designは#121212、Apple HIGは#1C1C1Eを推奨しています。純粋な黒はOLEDのバーンインリスクがあり避けた方が良いです。
WCAGコントラスト比はどこで確認できますか？
WebAIM Contrast Checkerなどのツールで確認できます。本文テキストはWCAG AA基準で4.5:1以上が必要です。