Glam Rock カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Glam Rock palette

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

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

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

Glam Rock カラーパレット CSS

/* CSS */
.color-1 {
color: #d6006f;
}
.color-2 {
color: #ff6e00;
}
.color-3 {
color: #ffd500;
}
.color-4 {
color: #00bdad;
}
.color-5 {
color: #007bff;
}

/* CSS Variables */
:root {
--color-1: #d6006f;
 --color-2: #ff6e00;
 --color-3: #ffd500;
 --color-4: #00bdad;
 --color-5: #007bff;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6006f, #ff6e00, #ffd500, #00bdad, #007bff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6006f, #ff6e00, #ffd500, #00bdad, #007bff);
}

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

Glam Rock color palette created on .