🎨
カラーパレット生成
デザインのための美しいカラーパレットを生成しましょう！
カラーハーモニー
コピー
#DE8254
rgb(222, 130, 84)
コピー
#358253
rgb(53, 130, 83)
コピー
#D1C623
rgb(209, 198, 35)
コピー
#72A8C5
rgb(114, 168, 197)
コピー
#231EB8
rgb(35, 30, 184)
スペースキーで生成
CSS変数
:root {
--color-1: #DE8254;
--color-2: #358253;
--color-3: #D1C623;
--color-4: #72A8C5;
--color-5: #231EB8;
}よくある質問
▶カラーハーモニーとは何ですか？
カラーハーモニーは一緒に美しく見える色の組み合わせです。色相環に基づいています：補色（反対側）、類似色（隣接）、トライアド（等間隔）など。
▶生成したパレットをどう使いますか？
色をクリックするとヘックスコードがコピーされ、CSSエクスポートボタンですべての色をCSS変数としてコピーできます。
▶特定の色をロックできますか？
はい！色見本のロックアイコンをクリックしてください。ロックされた色は新しいパレットを生成しても変更されません。
他のサービスも試してみよう 👀
🔢
数字順序テスト
数字を順番にクリック！50レベル、拡張グリッドとシャッフルに挑戦しよう。