Artpop Glam カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Artpop Glam palette

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

Artpop Glam カラー パレット PNG 画像

Download artpop glam color palette PNG image (landscape)
Download artpop glam color palette PNG image (square)

Artpop Glam カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ffcb5c;
}
.color-3 {
color: #ffb300;
}
.color-4 {
color: #d9d9e3;
}
.color-5 {
color: #b84c9d;
}

/* CSS Variables */
:root {
--color-1: #ff7092;
 --color-2: #ffcb5c;
 --color-3: #ffb300;
 --color-4: #d9d9e3;
 --color-5: #b84c9d;
 }

Artpop Glam の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ffcb5c, #ffb300, #d9d9e3, #b84c9d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ffcb5c, #ffb300, #d9d9e3, #b84c9d);
}

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

Artpop Glam color palette created on .