Buddleia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Buddleia palette

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

Buddleia カラー パレット PNG 画像

Download buddleia color palette PNG image (landscape)
Download buddleia color palette PNG image (square)

Buddleia カラーパレット CSS

/* CSS */
.color-1 {
color: #5a3f88;
}
.color-2 {
color: #8a69bf;
}
.color-3 {
color: #a77ccb;
}
.color-4 {
color: #d4a4df;
}
.color-5 {
color: #f3d1ff;
}

/* CSS Variables */
:root {
--color-1: #5a3f88;
 --color-2: #8a69bf;
 --color-3: #a77ccb;
 --color-4: #d4a4df;
 --color-5: #f3d1ff;
 }

Buddleia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5a3f88, #8a69bf, #a77ccb, #d4a4df, #f3d1ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5a3f88, #8a69bf, #a77ccb, #d4a4df, #f3d1ff);
}

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

Buddleia color palette created on .