Власть カラーパレット

明るさ

彩度

暖かさ

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: #711d9a;
}
.color-2 {
color: #a84d8d;
}
.color-3 {
color: #d48d54;
}
.color-4 {
color: #f1cc6f;
}
.color-5 {
color: #f8e72a;
}

/* CSS Variables */
:root {
--color-1: #711d9a;
 --color-2: #a84d8d;
 --color-3: #d48d54;
 --color-4: #f1cc6f;
 --color-5: #f8e72a;
 }

Власть の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #711d9a, #a84d8d, #d48d54, #f1cc6f, #f8e72a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #711d9a, #a84d8d, #d48d54, #f1cc6f, #f8e72a);
}

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

Власть color palette created on .