Dress to Impress カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dress to Impress palette

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

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

Download dress to impress color palette PNG image (landscape)
Download dress to impress color palette PNG image (square)

Dress to Impress カラーパレット CSS

/* CSS */
.color-1 {
color: #f1a7ae;
}
.color-2 {
color: #f9c0b9;
}
.color-3 {
color: #f6e6d5;
}
.color-4 {
color: #b2e0b3;
}
.color-5 {
color: #8cc5d4;
}

/* CSS Variables */
:root {
--color-1: #f1a7ae;
 --color-2: #f9c0b9;
 --color-3: #f6e6d5;
 --color-4: #b2e0b3;
 --color-5: #8cc5d4;
 }

Dress to Impress の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a7ae, #f9c0b9, #f6e6d5, #b2e0b3, #8cc5d4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a7ae, #f9c0b9, #f6e6d5, #b2e0b3, #8cc5d4);
}

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

Dress to Impress color palette created on .