Afternoon Delights カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Afternoon Delights palette

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

Afternoon Delights カラー パレット PNG 画像

Download afternoon delights color palette PNG image (landscape)
Download afternoon delights color palette PNG image (square)

Afternoon Delights カラーパレット CSS

/* CSS */
.color-1 {
color: #f7c6a6;
}
.color-2 {
color: #f2a39c;
}
.color-3 {
color: #f2828c;
}
.color-4 {
color: #d75b8d;
}
.color-5 {
color: #a34d8b;
}

/* CSS Variables */
:root {
--color-1: #f7c6a6;
 --color-2: #f2a39c;
 --color-3: #f2828c;
 --color-4: #d75b8d;
 --color-5: #a34d8b;
 }

Afternoon Delights の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7c6a6, #f2a39c, #f2828c, #d75b8d, #a34d8b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7c6a6, #f2a39c, #f2828c, #d75b8d, #a34d8b);
}

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

Afternoon Delights color palette created on .