Jubokko カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jubokko palette

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

Jubokko カラー パレット PNG 画像

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

Jubokko カラーパレット CSS

/* CSS */
.color-1 {
color: #a14f6e;
}
.color-2 {
color: #d8b6c2;
}
.color-3 {
color: #e7d3c5;
}
.color-4 {
color: #f3e2aa;
}
.color-5 {
color: #c6b24e;
}

/* CSS Variables */
:root {
--color-1: #a14f6e;
 --color-2: #d8b6c2;
 --color-3: #e7d3c5;
 --color-4: #f3e2aa;
 --color-5: #c6b24e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a14f6e, #d8b6c2, #e7d3c5, #f3e2aa, #c6b24e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a14f6e, #d8b6c2, #e7d3c5, #f3e2aa, #c6b24e);
}

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

下にスクロールして5個の日本カラーパレットを探索しましょう

Jubokko color palette created on .