Electronic Spark カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Electronic Spark palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download electronic spark color palette PNG image (landscape)
Download electronic spark color palette PNG image (square)

Electronic Spark カラーパレット CSS

/* CSS */
.color-1 {
color: #1f3a5b;
}
.color-2 {
color: #395a79;
}
.color-3 {
color: #4f8d96;
}
.color-4 {
color: #7dd9b3;
}
.color-5 {
color: #e1efe5;
}

/* CSS Variables */
:root {
--color-1: #1f3a5b;
 --color-2: #395a79;
 --color-3: #4f8d96;
 --color-4: #7dd9b3;
 --color-5: #e1efe5;
 }

Electronic Spark の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f3a5b, #395a79, #4f8d96, #7dd9b3, #e1efe5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f3a5b, #395a79, #4f8d96, #7dd9b3, #e1efe5);
}

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

Electronic Spark color palette created on .