Violet Vengeance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Violet Vengeance palette

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

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

Download violet vengeance color palette PNG image (landscape)
Download violet vengeance color palette PNG image (square)

Violet Vengeance カラーパレット CSS

/* CSS */
.color-1 {
color: #8a2ce2;
}
.color-2 {
color: #7c68ee;
}
.color-3 {
color: #6a5bcd;
}
.color-4 {
color: #609d9f;
}
.color-5 {
color: #ff6347;
}

/* CSS Variables */
:root {
--color-1: #8a2ce2;
 --color-2: #7c68ee;
 --color-3: #6a5bcd;
 --color-4: #609d9f;
 --color-5: #ff6347;
 }

Violet Vengeance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8a2ce2, #7c68ee, #6a5bcd, #609d9f, #ff6347);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8a2ce2, #7c68ee, #6a5bcd, #609d9f, #ff6347);
}

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

Violet Vengeance color palette created on .