Electric Tranquility カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Electric Tranquility palette

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

Electric Tranquility カラー パレット PNG 画像

Download electric tranquility color palette PNG image (landscape)
Download electric tranquility color palette PNG image (square)

Electric Tranquility カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f4d;
}
.color-2 {
color: #3d4b8f;
}
.color-3 {
color: #5f7cb4;
}
.color-4 {
color: #92c1e8;
}
.color-5 {
color: #b7e3f0;
}

/* CSS Variables */
:root {
--color-1: #1f1f4d;
 --color-2: #3d4b8f;
 --color-3: #5f7cb4;
 --color-4: #92c1e8;
 --color-5: #b7e3f0;
 }

Electric Tranquility の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f4d, #3d4b8f, #5f7cb4, #92c1e8, #b7e3f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f4d, #3d4b8f, #5f7cb4, #92c1e8, #b7e3f0);
}

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

Electric Tranquility color palette created on .