Colorful BTS カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Colorful BTS palette

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

Colorful BTS カラーパレット (PNG) をダウンロード

Download colorful bts color palette PNG image (landscape)
Download colorful bts color palette PNG image (square)

Colorful BTS カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #6a5bcd;
}
.color-3 {
color: #ffcb5c;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #ff4281;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #6a5bcd;
 --color-3: #ffcb5c;
 --color-4: #ffb84d;
 --color-5: #ff4281;
 }

Colorful BTS の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #6a5bcd, #ffcb5c, #ffb84d, #ff4281);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #6a5bcd, #ffcb5c, #ffb84d, #ff4281);
}

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

Colorful BTS color palette created on .