Animal Shelter カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Animal Shelter palette

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

Animal Shelter カラー パレット PNG 画像

Download animal shelter color palette PNG image (landscape)
Download animal shelter color palette PNG image (square)

Animal Shelter カラーパレット CSS

/* CSS */
.color-1 {
color: #ffa561;
}
.color-2 {
color: #ffecb8;
}
.color-3 {
color: #dbdc84;
}
.color-4 {
color: #8ea7cc;
}
.color-5 {
color: #ff8f5c;
}

/* CSS Variables */
:root {
--color-1: #ffa561;
 --color-2: #ffecb8;
 --color-3: #dbdc84;
 --color-4: #8ea7cc;
 --color-5: #ff8f5c;
 }

Animal Shelter の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffa561, #ffecb8, #dbdc84, #8ea7cc, #ff8f5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffa561, #ffecb8, #dbdc84, #8ea7cc, #ff8f5c);
}

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

Animal Shelter color palette created on .