Romantic Reaper カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Romantic Reaper palette

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

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

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

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

Download romantic reaper color palette PNG image (landscape)
Download romantic reaper color palette PNG image (square)

Romantic Reaper カラーパレット CSS

/* CSS */
.color-1 {
color: #5a2a2a;
}
.color-2 {
color: #a64e4e;
}
.color-3 {
color: #d87979;
}
.color-4 {
color: #f1b1b1;
}
.color-5 {
color: #4c1010;
}

/* CSS Variables */
:root {
--color-1: #5a2a2a;
 --color-2: #a64e4e;
 --color-3: #d87979;
 --color-4: #f1b1b1;
 --color-5: #4c1010;
 }

Romantic Reaper の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5a2a2a, #a64e4e, #d87979, #f1b1b1, #4c1010);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5a2a2a, #a64e4e, #d87979, #f1b1b1, #4c1010);
}

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

Romantic Reaper color palette created on .