Squirrel カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Squirrel palette

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

Squirrel カラー パレット PNG 画像

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

Squirrel カラーパレット CSS

/* CSS */
.color-1 {
color: #b45c3c;
}
.color-2 {
color: #d3985a;
}
.color-3 {
color: #f1cb79;
}
.color-4 {
color: #a4c89d;
}
.color-5 {
color: #5b7c8b;
}

/* CSS Variables */
:root {
--color-1: #b45c3c;
 --color-2: #d3985a;
 --color-3: #f1cb79;
 --color-4: #a4c89d;
 --color-5: #5b7c8b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b45c3c, #d3985a, #f1cb79, #a4c89d, #5b7c8b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b45c3c, #d3985a, #f1cb79, #a4c89d, #5b7c8b);
}

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

Squirrel color palette created on .