🎨 カラースキーム生成器
プライマリ、セカンダリ、アクセント、ニュートラルを生成——すべてブラウザ内で完結、瞬時に結果表示。
カラースキーム生成器について
このツールは、1つのベースカラーから完全なパレットを構築します。開始色を選びスキームタイプを選ぶと、HSL色計算によってプライマリシェード、セカンダリ、アクセント、ニュートラルトーン、背景・表面色を生成します。スワッチをクリックするとHEXコードをコピーできます。
スキームタイプ
- モノクロマティック——ベース色相の明度を変化させ、落ち着いた統一感のあるパレットに。
- コンプリメンタリー——ベース色相と色環の反対側を組み合わせ、高コントラストに。
- アナログ——ベース ±30° の色相を使用し、調和のとれた隣接色に。
- トリアード——120°間隔の3色相で、鮮やかでバランスの良い印象に。
- テトラード——±90°と±180°の4色相で、豊かなパレットに。
- カスタム——ベースに基づくシェードとアクセントのミックス。
使い方
- ピッカーでベースカラーを選びます。
- ドロップダウンからスキームタイプを選択します。
- 生成でパレットを構築、ランダムでサプライズベース色を。
- スワッチをクリックしてHEX値をコピー、全てコピーで全リストを取得。
よくある質問
何色空間を使っていますか? HSL(色相・彩度・明度)で生成し、表示とコピーのためにHEXに変換します。
アクセシブルですか? 読みやすいコントラストを目指していますが、テキスト使用時はWCAGコントラスト比を必ず確認してください。
商用利用できますか? はい。生成されたパレットはご自由にお使いいただけます。