Cold Steel Elegance カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Cold Steel Elegance palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Cold Steel Elegance カラーパレット (PNG) をダウンロード
Cold Steel Elegance カラーパレット CSS
/* CSS */
.color-1 {
color: #4a3c6d;
}
.color-2 {
color: #695a8c;
}
.color-3 {
color: #8c7daa;
}
.color-4 {
color: #a7a1bf;
}
.color-5 {
color: #bfc3d4;
}
/* CSS Variables */
:root {
--color-1: #4a3c6d;
--color-2: #695a8c;
--color-3: #8c7daa;
--color-4: #a7a1bf;
--color-5: #bfc3d4;
} Cold Steel Elegance の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a3c6d, #695a8c, #8c7daa, #a7a1bf, #bfc3d4);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a3c6d, #695a8c, #8c7daa, #a7a1bf, #bfc3d4);
} 似たようなカラーパレット
Cold Steel Elegance color palette created on .