Bellatrix Lestrange カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bellatrix Lestrange palette

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

Bellatrix Lestrange カラー パレット PNG 画像

Download bellatrix lestrange color palette PNG image (landscape)
Download bellatrix lestrange color palette PNG image (square)

Bellatrix Lestrange カラーパレット CSS

/* CSS */
.color-1 {
color: #4c3d4d;
}
.color-2 {
color: #7a5c6a;
}
.color-3 {
color: #b68b99;
}
.color-4 {
color: #f2b1d2;
}
.color-5 {
color: #f58a8a;
}

/* CSS Variables */
:root {
--color-1: #4c3d4d;
 --color-2: #7a5c6a;
 --color-3: #b68b99;
 --color-4: #f2b1d2;
 --color-5: #f58a8a;
 }

Bellatrix Lestrange の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c3d4d, #7a5c6a, #b68b99, #f2b1d2, #f58a8a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c3d4d, #7a5c6a, #b68b99, #f2b1d2, #f58a8a);
}

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

Bellatrix Lestrange color palette created on .