Ethereal Vigilance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ethereal Vigilance palette

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

Ethereal Vigilance カラー パレット PNG 画像

Download ethereal vigilance color palette PNG image (landscape)
Download ethereal vigilance color palette PNG image (square)

Ethereal Vigilance カラーパレット CSS

/* CSS */
.color-1 {
color: #383d4c;
}
.color-2 {
color: #586174;
}
.color-3 {
color: #848ca4;
}
.color-4 {
color: #8f9199;
}
.color-5 {
color: #26262c;
}

/* CSS Variables */
:root {
--color-1: #383d4c;
 --color-2: #586174;
 --color-3: #848ca4;
 --color-4: #8f9199;
 --color-5: #26262c;
 }

Ethereal Vigilance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #383d4c, #586174, #848ca4, #8f9199, #26262c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #383d4c, #586174, #848ca4, #8f9199, #26262c);
}

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

Ethereal Vigilance color palette created on .