Pink Apple Flower カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Apple Flower palette

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

Pink Apple Flower カラーパレット (PNG) をダウンロード

Download pink apple flower color palette PNG image (landscape)
Download pink apple flower color palette PNG image (square)

Pink Apple Flower カラーパレット CSS

/* CSS */
.color-1 {
color: #f5a300;
}
.color-2 {
color: #f6d484;
}
.color-3 {
color: #ffb3b3;
}
.color-4 {
color: #ff6e61;
}
.color-5 {
color: #c84c86;
}

/* CSS Variables */
:root {
--color-1: #f5a300;
 --color-2: #f6d484;
 --color-3: #ffb3b3;
 --color-4: #ff6e61;
 --color-5: #c84c86;
 }

Pink Apple Flower の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a300, #f6d484, #ffb3b3, #ff6e61, #c84c86);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a300, #f6d484, #ffb3b3, #ff6e61, #c84c86);
}

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

Pink Apple Flower color palette created on .