Rusted Viscera カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rusted Viscera palette

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

Rusted Viscera カラー パレット PNG 画像

Download rusted viscera color palette PNG image (landscape)
Download rusted viscera color palette PNG image (square)

Rusted Viscera カラーパレット CSS

/* CSS */
.color-1 {
color: #b3270f;
}
.color-2 {
color: #982710;
}
.color-3 {
color: #7c2513;
}
.color-4 {
color: #521f0f;
}
.color-5 {
color: #3e140f;
}

/* CSS Variables */
:root {
--color-1: #b3270f;
 --color-2: #982710;
 --color-3: #7c2513;
 --color-4: #521f0f;
 --color-5: #3e140f;
 }

Rusted Viscera の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b3270f, #982710, #7c2513, #521f0f, #3e140f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b3270f, #982710, #7c2513, #521f0f, #3e140f);
}

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

Rusted Viscera color palette created on .