Nico di Angelo カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nico di Angelo palette

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

Nico di Angelo カラー パレット PNG 画像

Download nico di angelo color palette PNG image (landscape)
Download nico di angelo color palette PNG image (square)

Nico di Angelo カラーパレット CSS

/* CSS */
.color-1 {
color: #1c1c1c;
}
.color-2 {
color: #50555e;
}
.color-3 {
color: #8a8f99;
}
.color-4 {
color: #c2b180;
}
.color-5 {
color: #d53d30;
}

/* CSS Variables */
:root {
--color-1: #1c1c1c;
 --color-2: #50555e;
 --color-3: #8a8f99;
 --color-4: #c2b180;
 --color-5: #d53d30;
 }

Nico di Angelo の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c1c1c, #50555e, #8a8f99, #c2b180, #d53d30);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c1c1c, #50555e, #8a8f99, #c2b180, #d53d30);
}

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

Nico di Angelo color palette created on .