Empty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Empty palette

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

Empty カラー パレット PNG 画像

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

Empty カラーパレット CSS

/* CSS */
.color-1 {
color: #1c1f3f;
}
.color-2 {
color: #4b4fa0;
}
.color-3 {
color: #7982c3;
}
.color-4 {
color: #a3c7f0;
}
.color-5 {
color: #e0f7fa;
}

/* CSS Variables */
:root {
--color-1: #1c1f3f;
 --color-2: #4b4fa0;
 --color-3: #7982c3;
 --color-4: #a3c7f0;
 --color-5: #e0f7fa;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1f3f, #4b4fa0, #7982c3, #a3c7f0, #e0f7fa);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1f3f, #4b4fa0, #7982c3, #a3c7f0, #e0f7fa);
}

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

Empty color palette created on .