Lavender Metal Future Vibes カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Lavender Metal Future Vibes palette
Lavender Metal Future Vibes カラーパレット (PNG) をダウンロード
Lavender Metal Future Vibes カラーパレット CSS
/* CSS */
.color-1 {
color: #e4d6ff;
}
.color-2 {
color: #b2a3ff;
}
.color-3 {
color: #7a7aff;
}
.color-4 {
color: #405bbf;
}
.color-5 {
color: #1b2a7e;
}
/* CSS Variables */
:root {
--color-1: #e4d6ff;
--color-2: #b2a3ff;
--color-3: #7a7aff;
--color-4: #405bbf;
--color-5: #1b2a7e;
}
Lavender Metal Future Vibes の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4d6ff, #b2a3ff, #7a7aff, #405bbf, #1b2a7e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4d6ff, #b2a3ff, #7a7aff, #405bbf, #1b2a7e);
}
似たようなカラーパレット
下にスクロールして1個のラベンダーカラーパレットを探索しましょう
Lavender Metal Future Vibes color palette created on .