Esquizofrenia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Esquizofrenia palette

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

Esquizofrenia カラー パレット PNG 画像

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

Esquizofrenia カラーパレット CSS

/* CSS */
.color-1 {
color: #5b2c90;
}
.color-2 {
color: #a54a99;
}
.color-3 {
color: #ec6988;
}
.color-4 {
color: #f99f3e;
}
.color-5 {
color: #ffd942;
}

/* CSS Variables */
:root {
--color-1: #5b2c90;
 --color-2: #a54a99;
 --color-3: #ec6988;
 --color-4: #f99f3e;
 --color-5: #ffd942;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5b2c90, #a54a99, #ec6988, #f99f3e, #ffd942);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5b2c90, #a54a99, #ec6988, #f99f3e, #ffd942);
}

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

Esquizofrenia color palette created on .