Tools

カラーパレットジェネレーター

ベースカラーとハーモニータイプを選択して美しいカラーパレットを生成します。

ベースカラー

RGB: 59, 130, 246HSL: 217, 91%, 60%

ハーモニータイプ

生成されたパレット

計算方法

色彩調和理論に基づいてベースカラーから調和のとれたカラーパレットを生成します。HSL色空間で色相を回転させて様々な組み合わせを作成します。

計算例

#3B82F6(青)をベースカラーとして補色調和を使用すると、青とオレンジのパレットが生成されます。

よくある質問

色彩調和とは何ですか?
色彩調和とは、色相環上で特定の関係にある色を組み合わせて、視覚的にバランスの取れた配色を作る原理です。
どのハーモニータイプを選べばいいですか?
補色は強いコントラスト、類似色は柔らかな調和、三色配色はバランスの取れた多様性を提供します。プロジェクトの目的に合わせて選択してください。
生成したパレットはどう使いますか?
CSSカスタムプロパティまたはTailwind設定としてエクスポートし、プロジェクトに直接適用できます。

関連ツール