Lemon Drop カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lemon Drop palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Lemon Drop カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e384;
}
.color-2 {
color: #f7e297;
}
.color-3 {
color: #f7d264;
}
.color-4 {
color: #f7aa9c;
}
.color-5 {
color: #f7c297;
}

/* CSS Variables */
:root {
--color-1: #f6e384;
 --color-2: #f7e297;
 --color-3: #f7d264;
 --color-4: #f7aa9c;
 --color-5: #f7c297;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e384, #f7e297, #f7d264, #f7aa9c, #f7c297);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e384, #f7e297, #f7d264, #f7aa9c, #f7c297);
}

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

Lemon Drop color palette created on .