Boy version of Dalila カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Boy version of Dalila palette

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

Boy version of Dalila カラー パレット PNG 画像

Download boy version of dalila color palette PNG image (landscape)
Download boy version of dalila color palette PNG image (square)

Boy version of Dalila カラーパレット CSS

/* CSS */
.color-1 {
color: #1d4f8b;
}
.color-2 {
color: #5b8cbe;
}
.color-3 {
color: #8cb9e8;
}
.color-4 {
color: #f0ca4c;
}
.color-5 {
color: #d2565a;
}

/* CSS Variables */
:root {
--color-1: #1d4f8b;
 --color-2: #5b8cbe;
 --color-3: #8cb9e8;
 --color-4: #f0ca4c;
 --color-5: #d2565a;
 }

Boy version of Dalila の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d4f8b, #5b8cbe, #8cb9e8, #f0ca4c, #d2565a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d4f8b, #5b8cbe, #8cb9e8, #f0ca4c, #d2565a);
}

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

Boy version of Dalila color palette created on .