Dark Fairy Cottage カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Fairy Cottage palette

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

Dark Fairy Cottage カラー パレット PNG 画像

Download dark fairy cottage color palette PNG image (landscape)
Download dark fairy cottage color palette PNG image (square)

Dark Fairy Cottage カラーパレット CSS

/* CSS */
.color-1 {
color: #1f0a1d;
}
.color-2 {
color: #360f38;
}
.color-3 {
color: #4c1541;
}
.color-4 {
color: #761e5b;
}
.color-5 {
color: #5c2dc8;
}

/* CSS Variables */
:root {
--color-1: #1f0a1d;
 --color-2: #360f38;
 --color-3: #4c1541;
 --color-4: #761e5b;
 --color-5: #5c2dc8;
 }

Dark Fairy Cottage の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f0a1d, #360f38, #4c1541, #761e5b, #5c2dc8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f0a1d, #360f38, #4c1541, #761e5b, #5c2dc8);
}

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

Dark Fairy Cottage color palette created on .