Rose Blossoms カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rose Blossoms palette

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

Rose Blossoms カラー パレット PNG 画像

Download rose blossoms color palette PNG image (landscape)
Download rose blossoms color palette PNG image (square)

Rose Blossoms カラーパレット CSS

/* CSS */
.color-1 {
color: #ff0080;
}
.color-2 {
color: #ff4d94;
}
.color-3 {
color: #ff85a3;
}
.color-4 {
color: #ffb3c1;
}
.color-5 {
color: #ffd1d9;
}

/* CSS Variables */
:root {
--color-1: #ff0080;
 --color-2: #ff4d94;
 --color-3: #ff85a3;
 --color-4: #ffb3c1;
 --color-5: #ffd1d9;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff0080, #ff4d94, #ff85a3, #ffb3c1, #ffd1d9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff0080, #ff4d94, #ff85a3, #ffb3c1, #ffd1d9);
}

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

下にスクロールして10個のピンクカラーパレットを探索しましょう

Rose Blossoms color palette created on .