Golden Meadow Warmth カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Golden Meadow Warmth palette

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

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

Download golden meadow warmth color palette PNG image (landscape)
Download golden meadow warmth color palette PNG image (square)

Golden Meadow Warmth カラーパレット CSS

/* CSS */
.color-1 {
color: #f6c746;
}
.color-2 {
color: #f3a949;
}
.color-3 {
color: #f68a1e;
}
.color-4 {
color: #d4781c;
}
.color-5 {
color: #9e5c1a;
}

/* CSS Variables */
:root {
--color-1: #f6c746;
 --color-2: #f3a949;
 --color-3: #f68a1e;
 --color-4: #d4781c;
 --color-5: #9e5c1a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6c746, #f3a949, #f68a1e, #d4781c, #9e5c1a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6c746, #f3a949, #f68a1e, #d4781c, #9e5c1a);
}

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

下にスクロールして4個のヒマワリカラーパレットを探索しましょう

Golden Meadow Warmth color palette created on .