Empty Vacant Hollow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Empty Vacant Hollow palette

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

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

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

Empty Vacant Hollow カラーパレット (PNG) をダウンロード

Download empty vacant hollow color palette PNG image (landscape)
Download empty vacant hollow color palette PNG image (square)

Empty Vacant Hollow カラーパレット CSS

/* CSS */
.color-1 {
color: #f5e1b8;
}
.color-2 {
color: #d0b1af;
}
.color-3 {
color: #9d6c94;
}
.color-4 {
color: #6b4b8b;
}
.color-5 {
color: #4b3d6c;
}

/* CSS Variables */
:root {
--color-1: #f5e1b8;
 --color-2: #d0b1af;
 --color-3: #9d6c94;
 --color-4: #6b4b8b;
 --color-5: #4b3d6c;
 }

Empty Vacant Hollow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5e1b8, #d0b1af, #9d6c94, #6b4b8b, #4b3d6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5e1b8, #d0b1af, #9d6c94, #6b4b8b, #4b3d6c);
}

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

Empty Vacant Hollow color palette created on .