Mountain Apple Orchard カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Mountain Apple Orchard palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Mountain Apple Orchard カラーパレット (PNG) をダウンロード
Mountain Apple Orchard カラーパレット CSS
/* CSS */
.color-1 {
color: #c92c5e;
}
.color-2 {
color: #f1a8a2;
}
.color-3 {
color: #f6e5b1;
}
.color-4 {
color: #b4d8a6;
}
.color-5 {
color: #2a794e;
}
/* CSS Variables */
:root {
--color-1: #c92c5e;
--color-2: #f1a8a2;
--color-3: #f6e5b1;
--color-4: #b4d8a6;
--color-5: #2a794e;
}
Mountain Apple Orchard の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c92c5e, #f1a8a2, #f6e5b1, #b4d8a6, #2a794e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c92c5e, #f1a8a2, #f6e5b1, #b4d8a6, #2a794e);
}
似たようなカラーパレット
下にスクロールして1個のcolors.appleカラーパレットを探索しましょう
Mountain Apple Orchard color palette created on .