Marigold Sunshine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Marigold Sunshine palette

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

Marigold Sunshine カラー パレット PNG 画像

Download marigold sunshine color palette PNG image (landscape)
Download marigold sunshine color palette PNG image (square)

Marigold Sunshine カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb300;
}
.color-2 {
color: #ff9d00;
}
.color-3 {
color: #ff8c00;
}
.color-4 {
color: #ff6e00;
}
.color-5 {
color: #ff5100;
}

/* CSS Variables */
:root {
--color-1: #ffb300;
 --color-2: #ff9d00;
 --color-3: #ff8c00;
 --color-4: #ff6e00;
 --color-5: #ff5100;
 }

Marigold Sunshine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb300, #ff9d00, #ff8c00, #ff6e00, #ff5100);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb300, #ff9d00, #ff8c00, #ff6e00, #ff5100);
}

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

Marigold Sunshine color palette created on .