Delilah カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Delilah palette

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

Delilah カラー パレット PNG 画像

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

Delilah カラーパレット CSS

/* CSS */
.color-1 {
color: #f5b2b4;
}
.color-2 {
color: #f9c8c3;
}
.color-3 {
color: #f7e4e4;
}
.color-4 {
color: #e8b5d1;
}
.color-5 {
color: #d4aae9;
}

/* CSS Variables */
:root {
--color-1: #f5b2b4;
 --color-2: #f9c8c3;
 --color-3: #f7e4e4;
 --color-4: #e8b5d1;
 --color-5: #d4aae9;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5b2b4, #f9c8c3, #f7e4e4, #e8b5d1, #d4aae9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5b2b4, #f9c8c3, #f7e4e4, #e8b5d1, #d4aae9);
}

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

Delilah color palette created on .