Ayana Westridge Montcroix カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ayana Westridge Montcroix palette

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

Ayana Westridge Montcroix カラー パレット PNG 画像

Download ayana westridge montcroix color palette PNG image (landscape)
Download ayana westridge montcroix color palette PNG image (square)

Ayana Westridge Montcroix カラーパレット CSS

/* CSS */
.color-1 {
color: #f5b7c3;
}
.color-2 {
color: #f6d6a7;
}
.color-3 {
color: #f9eaa4;
}
.color-4 {
color: #a7e2d6;
}
.color-5 {
color: #6b9bc2;
}

/* CSS Variables */
:root {
--color-1: #f5b7c3;
 --color-2: #f6d6a7;
 --color-3: #f9eaa4;
 --color-4: #a7e2d6;
 --color-5: #6b9bc2;
 }

Ayana Westridge Montcroix の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5b7c3, #f6d6a7, #f9eaa4, #a7e2d6, #6b9bc2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5b7c3, #f6d6a7, #f9eaa4, #a7e2d6, #6b9bc2);
}

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

Ayana Westridge Montcroix color palette created on .