Colorful Glisten カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Colorful Glisten palette

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

Colorful Glisten カラー パレット PNG 画像

Download colorful glisten color palette PNG image (landscape)
Download colorful glisten color palette PNG image (square)

Colorful Glisten カラーパレット CSS

/* CSS */
.color-1 {
color: #c7ebff;
}
.color-2 {
color: #ffb3e0;
}
.color-3 {
color: #ffedb8;
}
.color-4 {
color: #ffd65c;
}
.color-5 {
color: #ffb05c;
}

/* CSS Variables */
:root {
--color-1: #c7ebff;
 --color-2: #ffb3e0;
 --color-3: #ffedb8;
 --color-4: #ffd65c;
 --color-5: #ffb05c;
 }

Colorful Glisten の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c7ebff, #ffb3e0, #ffedb8, #ffd65c, #ffb05c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c7ebff, #ffb3e0, #ffedb8, #ffd65c, #ffb05c);
}

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

Colorful Glisten color palette created on .