Soft Rose Red カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Soft Rose Red palette

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

Soft Rose Red カラーパレット (PNG) をダウンロード

Download soft rose red color palette PNG image (landscape)
Download soft rose red color palette PNG image (square)

Soft Rose Red カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7081;
}
.color-2 {
color: #ff4d4f;
}
.color-3 {
color: #d54d4d;
}
.color-4 {
color: #7b2d3d;
}
.color-5 {
color: #412a2f;
}

/* CSS Variables */
:root {
--color-1: #ff7081;
 --color-2: #ff4d4f;
 --color-3: #d54d4d;
 --color-4: #7b2d3d;
 --color-5: #412a2f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7081, #ff4d4f, #d54d4d, #7b2d3d, #412a2f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7081, #ff4d4f, #d54d4d, #7b2d3d, #412a2f);
}

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

Soft Rose Red color palette created on .