Sweet Pink Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sweet Pink Sunset palette

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

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

Download sweet pink sunset color palette PNG image (landscape)
Download sweet pink sunset color palette PNG image (square)

Sweet Pink Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ff998a;
}
.color-3 {
color: #ffb85c;
}
.color-4 {
color: #ffe057;
}
.color-5 {
color: #d3e156;
}

/* CSS Variables */
:root {
--color-1: #ff7092;
 --color-2: #ff998a;
 --color-3: #ffb85c;
 --color-4: #ffe057;
 --color-5: #d3e156;
 }

Sweet Pink Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ff998a, #ffb85c, #ffe057, #d3e156);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ff998a, #ffb85c, #ffe057, #d3e156);
}

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

Sweet Pink Sunset color palette created on .