Romantic Red カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Romantic Red palette

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

Romantic Red カラー パレット PNG 画像

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

Romantic Red カラーパレット CSS

/* CSS */
.color-1 {
color: #6b1b1a;
}
.color-2 {
color: #b51c1c;
}
.color-3 {
color: #f490b1;
}
.color-4 {
color: #ffffff;
}
.color-5 {
color: #9b27b0;
}

/* CSS Variables */
:root {
--color-1: #6b1b1a;
 --color-2: #b51c1c;
 --color-3: #f490b1;
 --color-4: #ffffff;
 --color-5: #9b27b0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6b1b1a, #b51c1c, #f490b1, #ffffff, #9b27b0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6b1b1a, #b51c1c, #f490b1, #ffffff, #9b27b0);
}

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

Romantic Red color palette created on .