Techno Glow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Techno Glow palette

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

Techno Glow カラー パレット PNG 画像

Download techno glow color palette PNG image (landscape)
Download techno glow color palette PNG image (square)

Techno Glow カラーパレット CSS

/* CSS */
.color-1 {
color: #1a202d;
}
.color-2 {
color: #2b3d50;
}
.color-3 {
color: #4c6d94;
}
.color-4 {
color: #85d2e0;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #1a202d;
 --color-2: #2b3d50;
 --color-3: #4c6d94;
 --color-4: #85d2e0;
 --color-5: #ff6e61;
 }

Techno Glow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a202d, #2b3d50, #4c6d94, #85d2e0, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a202d, #2b3d50, #4c6d94, #85d2e0, #ff6e61);
}

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

Techno Glow color palette created on .