Burp of Color カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Burp of Color palette

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

Burp of Color カラー パレット PNG 画像

Download burp of color color palette PNG image (landscape)
Download burp of color color palette PNG image (square)

Burp of Color カラーパレット CSS

/* CSS */
.color-1 {
color: #d2a7c7;
}
.color-2 {
color: #e0c2d2;
}
.color-3 {
color: #f6e8d5;
}
.color-4 {
color: #e2f2d4;
}
.color-5 {
color: #b4e4b4;
}

/* CSS Variables */
:root {
--color-1: #d2a7c7;
 --color-2: #e0c2d2;
 --color-3: #f6e8d5;
 --color-4: #e2f2d4;
 --color-5: #b4e4b4;
 }

Burp of Color の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2a7c7, #e0c2d2, #f6e8d5, #e2f2d4, #b4e4b4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2a7c7, #e0c2d2, #f6e8d5, #e2f2d4, #b4e4b4);
}

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

Burp of Color color palette created on .