Essência Lusitana カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Essência Lusitana palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Essência Lusitana カラーパレット (PNG) をダウンロード

Download essência lusitana color palette PNG image (landscape)
Download essência lusitana color palette PNG image (square)

Essência Lusitana カラーパレット CSS

/* CSS */
.color-1 {
color: #274c77;
}
.color-2 {
color: #f5f5f5;
}
.color-3 {
color: #f2e4d4;
}
.color-4 {
color: #e2b498;
}
.color-5 {
color: #c9b382;
}

/* CSS Variables */
:root {
--color-1: #274c77;
 --color-2: #f5f5f5;
 --color-3: #f2e4d4;
 --color-4: #e2b498;
 --color-5: #c9b382;
 }

Essência Lusitana の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #274c77, #f5f5f5, #f2e4d4, #e2b498, #c9b382);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #274c77, #f5f5f5, #f2e4d4, #e2b498, #c9b382);
}

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

Essência Lusitana color palette created on .