Paranoia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Paranoia palette

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

Paranoia カラー パレット PNG 画像

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

Paranoia カラーパレット CSS

/* CSS */
.color-1 {
color: #1f2942;
}
.color-2 {
color: #3c4a68;
}
.color-3 {
color: #4f7a92;
}
.color-4 {
color: #a1d6d9;
}
.color-5 {
color: #e53838;
}

/* CSS Variables */
:root {
--color-1: #1f2942;
 --color-2: #3c4a68;
 --color-3: #4f7a92;
 --color-4: #a1d6d9;
 --color-5: #e53838;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f2942, #3c4a68, #4f7a92, #a1d6d9, #e53838);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f2942, #3c4a68, #4f7a92, #a1d6d9, #e53838);
}

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

Paranoia color palette created on .