Bright Pink Summer カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bright Pink Summer palette

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

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

Download bright pink summer color palette PNG image (landscape)
Download bright pink summer color palette PNG image (square)

Bright Pink Summer カラーパレット CSS

/* CSS */
.color-1 {
color: #ffc5c2;
}
.color-2 {
color: #ff99a1;
}
.color-3 {
color: #ff6e61;
}
.color-4 {
color: #ff4d7f;
}
.color-5 {
color: #d45e9b;
}

/* CSS Variables */
:root {
--color-1: #ffc5c2;
 --color-2: #ff99a1;
 --color-3: #ff6e61;
 --color-4: #ff4d7f;
 --color-5: #d45e9b;
 }

Bright Pink Summer の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc5c2, #ff99a1, #ff6e61, #ff4d7f, #d45e9b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc5c2, #ff99a1, #ff6e61, #ff4d7f, #d45e9b);
}

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

Bright Pink Summer color palette created on .