Bambiraptor カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bambiraptor palette

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

Bambiraptor カラー パレット PNG 画像

Download bambiraptor color palette PNG image (landscape)
Download bambiraptor color palette PNG image (square)

Bambiraptor カラーパレット CSS

/* CSS */
.color-1 {
color: #d2b19d;
}
.color-2 {
color: #a25b49;
}
.color-3 {
color: #7d363a;
}
.color-4 {
color: #4b2a34;
}
.color-5 {
color: #2f1d26;
}

/* CSS Variables */
:root {
--color-1: #d2b19d;
 --color-2: #a25b49;
 --color-3: #7d363a;
 --color-4: #4b2a34;
 --color-5: #2f1d26;
 }

Bambiraptor の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2b19d, #a25b49, #7d363a, #4b2a34, #2f1d26);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2b19d, #a25b49, #7d363a, #4b2a34, #2f1d26);
}

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

Bambiraptor color palette created on .