Two Stage Black and Violet カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Two Stage Black and Violet palette

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

Two Stage Black and Violet カラーパレット (PNG) をダウンロード

Download two stage black and violet color palette PNG image (landscape)
Download two stage black and violet color palette PNG image (square)

Two Stage Black and Violet カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1b79;
}
.color-2 {
color: #4a2c87;
}
.color-3 {
color: #704d9d;
}
.color-4 {
color: #a879b4;
}
.color-5 {
color: #d6c3df;
}

/* CSS Variables */
:root {
--color-1: #1f1b79;
 --color-2: #4a2c87;
 --color-3: #704d9d;
 --color-4: #a879b4;
 --color-5: #d6c3df;
 }

Two Stage Black and Violet の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b79, #4a2c87, #704d9d, #a879b4, #d6c3df);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b79, #4a2c87, #704d9d, #a879b4, #d6c3df);
}

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

Two Stage Black and Violet color palette created on .