Zomboe カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zomboe palette

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

Zomboe カラー パレット PNG 画像

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

Zomboe カラーパレット CSS

/* CSS */
.color-1 {
color: #1d1c21;
}
.color-2 {
color: #d6c7d6;
}
.color-3 {
color: #f8b8a0;
}
.color-4 {
color: #ff7f4d;
}
.color-5 {
color: #f4cf3e;
}

/* CSS Variables */
:root {
--color-1: #1d1c21;
 --color-2: #d6c7d6;
 --color-3: #f8b8a0;
 --color-4: #ff7f4d;
 --color-5: #f4cf3e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d1c21, #d6c7d6, #f8b8a0, #ff7f4d, #f4cf3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d1c21, #d6c7d6, #f8b8a0, #ff7f4d, #f4cf3e);
}

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

下にスクロールして3個のゾンビカラーパレットを探索しましょう

Zomboe color palette created on .