Velvet Elegance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Velvet Elegance palette

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

Velvet Elegance カラーパレット (PNG) をダウンロード

Download velvet elegance color palette PNG image (landscape)
Download velvet elegance color palette PNG image (square)

Velvet Elegance カラーパレット CSS

/* CSS */
.color-1 {
color: #000000;
}
.color-2 {
color: #5b4b1a;
}
.color-3 {
color: #7b3e8e;
}
.color-4 {
color: #c6a84e;
}
.color-5 {
color: #d1c5e2;
}

/* CSS Variables */
:root {
--color-1: #000000;
 --color-2: #5b4b1a;
 --color-3: #7b3e8e;
 --color-4: #c6a84e;
 --color-5: #d1c5e2;
 }

Velvet Elegance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #000000, #5b4b1a, #7b3e8e, #c6a84e, #d1c5e2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #000000, #5b4b1a, #7b3e8e, #c6a84e, #d1c5e2);
}

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

Velvet Elegance color palette created on .