Orange Eternal Sugar カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orange Eternal Sugar palette

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

Orange Eternal Sugar カラーパレット (PNG) をダウンロード

Download orange eternal sugar color palette PNG image (landscape)
Download orange eternal sugar color palette PNG image (square)

Orange Eternal Sugar カラーパレット CSS

/* CSS */
.color-1 {
color: #f5a524;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ff8b42;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #ffcc33;
}

/* CSS Variables */
:root {
--color-1: #f5a524;
 --color-2: #ff6e61;
 --color-3: #ff8b42;
 --color-4: #ffb84d;
 --color-5: #ffcc33;
 }

Orange Eternal Sugar の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a524, #ff6e61, #ff8b42, #ffb84d, #ffcc33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a524, #ff6e61, #ff8b42, #ffb84d, #ffcc33);
}

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

Orange Eternal Sugar color palette created on .