Down Bad カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Down Bad palette

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

Down Bad カラー パレット PNG 画像

Download down bad color palette PNG image (landscape)
Download down bad color palette PNG image (square)

Down Bad カラーパレット CSS

/* CSS */
.color-1 {
color: #b84c6b;
}
.color-2 {
color: #f69a7e;
}
.color-3 {
color: #f5d15b;
}
.color-4 {
color: #86c3c6;
}
.color-5 {
color: #3e8b98;
}

/* CSS Variables */
:root {
--color-1: #b84c6b;
 --color-2: #f69a7e;
 --color-3: #f5d15b;
 --color-4: #86c3c6;
 --color-5: #3e8b98;
 }

Down Bad の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b84c6b, #f69a7e, #f5d15b, #86c3c6, #3e8b98);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b84c6b, #f69a7e, #f5d15b, #86c3c6, #3e8b98);
}

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

Down Bad color palette created on .