Blacklight Arcade カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blacklight Arcade palette

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

Blacklight Arcade カラー パレット PNG 画像

Download blacklight arcade color palette PNG image (landscape)
Download blacklight arcade color palette PNG image (square)

Blacklight Arcade カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1b79;
}
.color-2 {
color: #4b3f97;
}
.color-3 {
color: #6a5db1;
}
.color-4 {
color: #a65fc4;
}
.color-5 {
color: #e76fab;
}

/* CSS Variables */
:root {
--color-1: #1f1b79;
 --color-2: #4b3f97;
 --color-3: #6a5db1;
 --color-4: #a65fc4;
 --color-5: #e76fab;
 }

Blacklight Arcade の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1b79, #4b3f97, #6a5db1, #a65fc4, #e76fab);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1b79, #4b3f97, #6a5db1, #a65fc4, #e76fab);
}

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

Blacklight Arcade color palette created on .