Sunlit Meadow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunlit Meadow palette

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

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

Download sunlit meadow color palette PNG image (landscape)
Download sunlit meadow color palette PNG image (square)

Sunlit Meadow カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #f0c400;
}
.color-3 {
color: #ebe700;
}
.color-4 {
color: #c4e6a3;
}
.color-5 {
color: #6ed8d8;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #f0c400;
 --color-3: #ebe700;
 --color-4: #c4e6a3;
 --color-5: #6ed8d8;
 }

Sunlit Meadow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #f0c400, #ebe700, #c4e6a3, #6ed8d8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #f0c400, #ebe700, #c4e6a3, #6ed8d8);
}

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

Sunlit Meadow color palette created on .