Orange Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orange Sunset palette

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

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

Download orange sunset color palette PNG image (landscape)
Download orange sunset color palette PNG image (square)

Orange Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #f54e24;
}
.color-2 {
color: #f76922;
}
.color-3 {
color: #f79e22;
}
.color-4 {
color: #f7d022;
}
.color-5 {
color: #f7e922;
}

/* CSS Variables */
:root {
--color-1: #f54e24;
 --color-2: #f76922;
 --color-3: #f79e22;
 --color-4: #f7d022;
 --color-5: #f7e922;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f54e24, #f76922, #f79e22, #f7d022, #f7e922);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f54e24, #f76922, #f79e22, #f7d022, #f7e922);
}

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

Orange Sunset color palette created on .