Vibrant Arsenal カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vibrant Arsenal palette

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

Vibrant Arsenal カラー パレット PNG 画像

Download vibrant arsenal color palette PNG image (landscape)
Download vibrant arsenal color palette PNG image (square)

Vibrant Arsenal カラーパレット CSS

/* CSS */
.color-1 {
color: #d55c20;
}
.color-2 {
color: #f7a64a;
}
.color-3 {
color: #ffdf80;
}
.color-4 {
color: #5dc1ef;
}
.color-5 {
color: #1e3a76;
}

/* CSS Variables */
:root {
--color-1: #d55c20;
 --color-2: #f7a64a;
 --color-3: #ffdf80;
 --color-4: #5dc1ef;
 --color-5: #1e3a76;
 }

Vibrant Arsenal の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d55c20, #f7a64a, #ffdf80, #5dc1ef, #1e3a76);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d55c20, #f7a64a, #ffdf80, #5dc1ef, #1e3a76);
}

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

Vibrant Arsenal color palette created on .