Possessed カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Possessed palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Possessed カラーパレット (PNG) をダウンロード

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

Possessed カラーパレット CSS

/* CSS */
.color-1 {
color: #413357;
}
.color-2 {
color: #7168a1;
}
.color-3 {
color: #a198bd;
}
.color-4 {
color: #ccb9da;
}
.color-5 {
color: #ebcce7;
}

/* CSS Variables */
:root {
--color-1: #413357;
 --color-2: #7168a1;
 --color-3: #a198bd;
 --color-4: #ccb9da;
 --color-5: #ebcce7;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #413357, #7168a1, #a198bd, #ccb9da, #ebcce7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #413357, #7168a1, #a198bd, #ccb9da, #ebcce7);
}

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

Possessed color palette created on .