Rusty Treasure カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rusty Treasure palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Rusty Treasure カラーパレット (PNG) をダウンロード

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

Rusty Treasure カラーパレット CSS

/* CSS */
.color-1 {
color: #3c202c;
}
.color-2 {
color: #5e3b4a;
}
.color-3 {
color: #7e5d6b;
}
.color-4 {
color: #c4815a;
}
.color-5 {
color: #f0b32d;
}

/* CSS Variables */
:root {
--color-1: #3c202c;
 --color-2: #5e3b4a;
 --color-3: #7e5d6b;
 --color-4: #c4815a;
 --color-5: #f0b32d;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3c202c, #5e3b4a, #7e5d6b, #c4815a, #f0b32d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3c202c, #5e3b4a, #7e5d6b, #c4815a, #f0b32d);
}

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

Rusty Treasure color palette created on .