hsl(217, 91%, 60%)
補色（Complementary）
類似色（Analogous）
トライアド（Triadic）
スプリットコンプリメンタリー（Split-complementary）
テトラド（Tetradic）
モノクロマティック（Monochromatic）
開発環境をすぐ用意したい方はこちら
お名前.com を見る
このツールについて
ベースカラーを指定すると、色彩理論に基づいた6種類の調和カラーパレットを自動生成するツールです。各色をクリックするとHEXコードがコピーされます。WebデザインやUI設計の配色選びに便利です。
使い方
- カラーピッカーまたはHEXコード入力でベースカラーを指定します。
- 6種類のパレット（補色・類似色・トライアド・スプリットコンプリメンタリー・テトラド・モノクロマティック）が自動生成されます。
- 各色をクリックするとHEXコードがクリップボードにコピーされます。
使用例
- ブランドカラーから補色を見つけてアクセントカラーを決める。
- ランディングページの配色にトライアドパレットを使用する。
- ダークモードUIのためにモノクロマティックパレットを生成する。