Rusty Ruins カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rusty Ruins palette

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

Rusty Ruins カラー パレット PNG 画像

Download rusty ruins color palette PNG image (landscape)
Download rusty ruins color palette PNG image (square)

Rusty Ruins カラーパレット CSS

/* CSS */
.color-1 {
color: #6a4e4e;
}
.color-2 {
color: #b34d4d;
}
.color-3 {
color: #e69c5c;
}
.color-4 {
color: #e6c27a;
}
.color-5 {
color: #f6efe4;
}

/* CSS Variables */
:root {
--color-1: #6a4e4e;
 --color-2: #b34d4d;
 --color-3: #e69c5c;
 --color-4: #e6c27a;
 --color-5: #f6efe4;
 }

Rusty Ruins の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6a4e4e, #b34d4d, #e69c5c, #e6c27a, #f6efe4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6a4e4e, #b34d4d, #e69c5c, #e6c27a, #f6efe4);
}

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

Rusty Ruins color palette created on .