Enchanted Cain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Enchanted Cain palette

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

Enchanted Cain カラー パレット PNG 画像

Download enchanted cain color palette PNG image (landscape)
Download enchanted cain color palette PNG image (square)

Enchanted Cain カラーパレット CSS

/* CSS */
.color-1 {
color: #804275;
}
.color-2 {
color: #6d2c5f;
}
.color-3 {
color: #54214b;
}
.color-4 {
color: #25132f;
}
.color-5 {
color: #100a19;
}

/* CSS Variables */
:root {
--color-1: #804275;
 --color-2: #6d2c5f;
 --color-3: #54214b;
 --color-4: #25132f;
 --color-5: #100a19;
 }

Enchanted Cain の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #804275, #6d2c5f, #54214b, #25132f, #100a19);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #804275, #6d2c5f, #54214b, #25132f, #100a19);
}

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

Enchanted Cain color palette created on .