Fluffy Jack カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Fluffy Jack palette

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

Fluffy Jack カラー パレット PNG 画像

Download fluffy jack color palette PNG image (landscape)
Download fluffy jack color palette PNG image (square)

Fluffy Jack カラーパレット CSS

/* CSS */
.color-1 {
color: #f0b68f;
}
.color-2 {
color: #ed9778;
}
.color-3 {
color: #ed875e;
}
.color-4 {
color: #ec714b;
}
.color-5 {
color: #ec5e4b;
}

/* CSS Variables */
:root {
--color-1: #f0b68f;
 --color-2: #ed9778;
 --color-3: #ed875e;
 --color-4: #ec714b;
 --color-5: #ec5e4b;
 }

Fluffy Jack の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0b68f, #ed9778, #ed875e, #ec714b, #ec5e4b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0b68f, #ed9778, #ed875e, #ec714b, #ec5e4b);
}

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

Fluffy Jack color palette created on .