Daisy Hovel カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Daisy Hovel palette

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

Daisy Hovel カラー パレット PNG 画像

Download daisy hovel color palette PNG image (landscape)
Download daisy hovel color palette PNG image (square)

Daisy Hovel カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e6b1;
}
.color-2 {
color: #f5d166;
}
.color-3 {
color: #f1ba4b;
}
.color-4 {
color: #dba400;
}
.color-5 {
color: #b87d00;
}

/* CSS Variables */
:root {
--color-1: #f6e6b1;
 --color-2: #f5d166;
 --color-3: #f1ba4b;
 --color-4: #dba400;
 --color-5: #b87d00;
 }

Daisy Hovel の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e6b1, #f5d166, #f1ba4b, #dba400, #b87d00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e6b1, #f5d166, #f1ba4b, #dba400, #b87d00);
}

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

Daisy Hovel color palette created on .