Delve カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Delve palette

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

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

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

Delve カラーパレット CSS

/* CSS */
.color-1 {
color: #5d3e8e;
}
.color-2 {
color: #7b5aaf;
}
.color-3 {
color: #a484c2;
}
.color-4 {
color: #d7b1e2;
}
.color-5 {
color: #f4d2e8;
}

/* CSS Variables */
:root {
--color-1: #5d3e8e;
 --color-2: #7b5aaf;
 --color-3: #a484c2;
 --color-4: #d7b1e2;
 --color-5: #f4d2e8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5d3e8e, #7b5aaf, #a484c2, #d7b1e2, #f4d2e8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5d3e8e, #7b5aaf, #a484c2, #d7b1e2, #f4d2e8);
}

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

Delve color palette created on .