Гламур カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Гламур palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Гламур カラーパレット (PNG) をダウンロード

Download гламур color palette PNG image (landscape)
Download гламур color palette PNG image (square)

Гламур カラーパレット CSS

/* CSS */
.color-1 {
color: #f5a3b8;
}
.color-2 {
color: #d36f90;
}
.color-3 {
color: #a95b8e;
}
.color-4 {
color: #6b4c94;
}
.color-5 {
color: #c1b2d7;
}

/* CSS Variables */
:root {
--color-1: #f5a3b8;
 --color-2: #d36f90;
 --color-3: #a95b8e;
 --color-4: #6b4c94;
 --color-5: #c1b2d7;
 }

Гламур の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a3b8, #d36f90, #a95b8e, #6b4c94, #c1b2d7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a3b8, #d36f90, #a95b8e, #6b4c94, #c1b2d7);
}

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

Гламур color palette created on .