Dent カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dent palette

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

Dent カラー パレット PNG 画像

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

Dent カラーパレット CSS

/* CSS */
.color-1 {
color: #3b2c3f;
}
.color-2 {
color: #594a64;
}
.color-3 {
color: #8b7a99;
}
.color-4 {
color: #d4b5ca;
}
.color-5 {
color: #efe4d7;
}

/* CSS Variables */
:root {
--color-1: #3b2c3f;
 --color-2: #594a64;
 --color-3: #8b7a99;
 --color-4: #d4b5ca;
 --color-5: #efe4d7;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b2c3f, #594a64, #8b7a99, #d4b5ca, #efe4d7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b2c3f, #594a64, #8b7a99, #d4b5ca, #efe4d7);
}

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

Dent color palette created on .