Lemon Sunrise カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lemon Sunrise palette

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

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

Download lemon sunrise color palette PNG image (landscape)
Download lemon sunrise color palette PNG image (square)

Lemon Sunrise カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e48e;
}
.color-2 {
color: #f9cb24;
}
.color-3 {
color: #f4aa1f;
}
.color-4 {
color: #f39c12;
}
.color-5 {
color: #e84117;
}

/* CSS Variables */
:root {
--color-1: #f6e48e;
 --color-2: #f9cb24;
 --color-3: #f4aa1f;
 --color-4: #f39c12;
 --color-5: #e84117;
 }

Lemon Sunrise の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e48e, #f9cb24, #f4aa1f, #f39c12, #e84117);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e48e, #f9cb24, #f4aa1f, #f39c12, #e84117);
}

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

Lemon Sunrise color palette created on .