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 .