Dionea カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dionea palette

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

Dionea カラー パレット PNG 画像

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

Dionea カラーパレット CSS

/* CSS */
.color-1 {
color: #a9d6b9;
}
.color-2 {
color: #f4b99f;
}
.color-3 {
color: #f9c54e;
}
.color-4 {
color: #f89720;
}
.color-5 {
color: #f3712b;
}

/* CSS Variables */
:root {
--color-1: #a9d6b9;
 --color-2: #f4b99f;
 --color-3: #f9c54e;
 --color-4: #f89720;
 --color-5: #f3712b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a9d6b9, #f4b99f, #f9c54e, #f89720, #f3712b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a9d6b9, #f4b99f, #f9c54e, #f89720, #f3712b);
}

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

Dionea color palette created on .