Kingsmith Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kingsmith Wine palette

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

Kingsmith Wine カラー パレット PNG 画像

Download kingsmith wine color palette PNG image (landscape)
Download kingsmith wine color palette PNG image (square)

Kingsmith Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #5c4b8b;
}
.color-2 {
color: #795a96;
}
.color-3 {
color: #a76dba;
}
.color-4 {
color: #d69d9a;
}
.color-5 {
color: #e5c5c2;
}

/* CSS Variables */
:root {
--color-1: #5c4b8b;
 --color-2: #795a96;
 --color-3: #a76dba;
 --color-4: #d69d9a;
 --color-5: #e5c5c2;
 }

Kingsmith Wine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5c4b8b, #795a96, #a76dba, #d69d9a, #e5c5c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5c4b8b, #795a96, #a76dba, #d69d9a, #e5c5c2);
}

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

下にスクロールして2個の紫カラーパレットを探索しましょう

Kingsmith Wine color palette created on .