Gris NeGrO カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gris NeGrO palette

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

Gris NeGrO カラー パレット PNG 画像

Download gris negro color palette PNG image (landscape)
Download gris negro color palette PNG image (square)

Gris NeGrO カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1919;
}
.color-2 {
color: #484747;
}
.color-3 {
color: #7a7575;
}
.color-4 {
color: #b1aaaa;
}
.color-5 {
color: #f3ecec;
}

/* CSS Variables */
:root {
--color-1: #1a1919;
 --color-2: #484747;
 --color-3: #7a7575;
 --color-4: #b1aaaa;
 --color-5: #f3ecec;
 }

Gris NeGrO の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1919, #484747, #7a7575, #b1aaaa, #f3ecec);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1919, #484747, #7a7575, #b1aaaa, #f3ecec);
}

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

Gris NeGrO color palette created on .