Harmonic Crescendo カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Harmonic Crescendo palette

このパレットを共有する先：

Harmonic Crescendo カラー パレット PNG 画像

Download harmonic crescendo color palette PNG image (landscape)
Download harmonic crescendo color palette PNG image (square)

Harmonic Crescendo カラーパレット CSS

/* CSS */
.color-1 {
color: #e9ad67;
}
.color-2 {
color: #f684ad;
}
.color-3 {
color: #cf638e;
}
.color-4 {
color: #606fe2;
}
.color-5 {
color: #4496da;
}

/* CSS Variables */
:root {
--color-1: #e9ad67;
 --color-2: #f684ad;
 --color-3: #cf638e;
 --color-4: #606fe2;
 --color-5: #4496da;
 }

Harmonic Crescendo の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9ad67, #f684ad, #cf638e, #606fe2, #4496da);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9ad67, #f684ad, #cf638e, #606fe2, #4496da);
}

似たようなカラーパレット

Harmonic Crescendo color palette created on .