Sunset in the Garden of Adelaide カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunset in the Garden of Adelaide palette

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

Sunset in the Garden of Adelaide カラーパレット CSS

/* CSS */
.color-1 {
color: #f9aeae;
}
.color-2 {
color: #f8beaf;
}
.color-3 {
color: #f7d7a6;
}
.color-4 {
color: #e3eab8;
}
.color-5 {
color: #a9d6c6;
}

/* CSS Variables */
:root {
--color-1: #f9aeae;
 --color-2: #f8beaf;
 --color-3: #f7d7a6;
 --color-4: #e3eab8;
 --color-5: #a9d6c6;
 }

Sunset in the Garden of Adelaide の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f9aeae, #f8beaf, #f7d7a6, #e3eab8, #a9d6c6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f9aeae, #f8beaf, #f7d7a6, #e3eab8, #a9d6c6);
}

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

Sunset in the Garden of Adelaide color palette created on .