Hacker カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hacker palette

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

Hacker カラー パレット PNG 画像

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

Hacker カラーパレット CSS

/* CSS */
.color-1 {
color: #1b2a6f;
}
.color-2 {
color: #4d5b89;
}
.color-3 {
color: #a5bad5;
}
.color-4 {
color: #6bff6b;
}
.color-5 {
color: #29ffb8;
}

/* CSS Variables */
:root {
--color-1: #1b2a6f;
 --color-2: #4d5b89;
 --color-3: #a5bad5;
 --color-4: #6bff6b;
 --color-5: #29ffb8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b2a6f, #4d5b89, #a5bad5, #6bff6b, #29ffb8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b2a6f, #4d5b89, #a5bad5, #6bff6b, #29ffb8);
}

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

Hacker color palette created on .