Petals of Royalty カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Petals of Royalty palette

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

Petals of Royalty カラー パレット PNG 画像

Download petals of royalty color palette PNG image (landscape)
Download petals of royalty color palette PNG image (square)

Petals of Royalty カラーパレット CSS

/* CSS */
.color-1 {
color: #fdf9f2;
}
.color-2 {
color: #fce8ed;
}
.color-3 {
color: #f6d5e9;
}
.color-4 {
color: #e3beee;
}
.color-5 {
color: #eba3d0;
}

/* CSS Variables */
:root {
--color-1: #fdf9f2;
 --color-2: #fce8ed;
 --color-3: #f6d5e9;
 --color-4: #e3beee;
 --color-5: #eba3d0;
 }

Petals of Royalty の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fdf9f2, #fce8ed, #f6d5e9, #e3beee, #eba3d0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fdf9f2, #fce8ed, #f6d5e9, #e3beee, #eba3d0);
}

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

Petals of Royalty color palette created on .