Francis the Shepherd Pony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Francis the Shepherd Pony palette

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

Francis the Shepherd Pony カラー パレット PNG 画像

Download francis the shepherd pony color palette PNG image (landscape)
Download francis the shepherd pony color palette PNG image (square)

Francis the Shepherd Pony カラーパレット CSS

/* CSS */
.color-1 {
color: #f3d6a5;
}
.color-2 {
color: #edc09c;
}
.color-3 {
color: #c29494;
}
.color-4 {
color: #956f8f;
}
.color-5 {
color: #6e5c7f;
}

/* CSS Variables */
:root {
--color-1: #f3d6a5;
 --color-2: #edc09c;
 --color-3: #c29494;
 --color-4: #956f8f;
 --color-5: #6e5c7f;
 }

Francis the Shepherd Pony の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3d6a5, #edc09c, #c29494, #956f8f, #6e5c7f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3d6a5, #edc09c, #c29494, #956f8f, #6e5c7f);
}

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

Francis the Shepherd Pony color palette created on .