Chunky Cyberdeck カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Chunky Cyberdeck palette

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

Chunky Cyberdeck カラー パレット PNG 画像

Download chunky cyberdeck color palette PNG image (landscape)
Download chunky cyberdeck color palette PNG image (square)

Chunky Cyberdeck カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f61;
}
.color-2 {
color: #3a2a84;
}
.color-3 {
color: #5a2c9b;
}
.color-4 {
color: #8b3c8b;
}
.color-5 {
color: #ff6d1f;
}

/* CSS Variables */
:root {
--color-1: #1f1f61;
 --color-2: #3a2a84;
 --color-3: #5a2c9b;
 --color-4: #8b3c8b;
 --color-5: #ff6d1f;
 }

Chunky Cyberdeck の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f61, #3a2a84, #5a2c9b, #8b3c8b, #ff6d1f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f61, #3a2a84, #5a2c9b, #8b3c8b, #ff6d1f);
}

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

Chunky Cyberdeck color palette created on .