Паранойя カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Паранойя palette

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

Паранойя カラー パレット PNG 画像

Download паранойя color palette PNG image (landscape)
Download паранойя color palette PNG image (square)

Паранойя カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f3d;
}
.color-2 {
color: #3a3a5a;
}
.color-3 {
color: #5c5c8a;
}
.color-4 {
color: #9999b2;
}
.color-5 {
color: #c9c9e9;
}

/* CSS Variables */
:root {
--color-1: #1f1f3d;
 --color-2: #3a3a5a;
 --color-3: #5c5c8a;
 --color-4: #9999b2;
 --color-5: #c9c9e9;
 }

Паранойя の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f3d, #3a3a5a, #5c5c8a, #9999b2, #c9c9e9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f3d, #3a3a5a, #5c5c8a, #9999b2, #c9c9e9);
}

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

Паранойя color palette created on .