Retro Raspberry Dreams カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Retro Raspberry Dreams palette

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

Retro Raspberry Dreams カラー パレット PNG 画像

Download retro raspberry dreams color palette PNG image (landscape)
Download retro raspberry dreams color palette PNG image (square)

Retro Raspberry Dreams カラーパレット CSS

/* CSS */
.color-1 {
color: #9c2b62;
}
.color-2 {
color: #af4b8e;
}
.color-3 {
color: #d17b9a;
}
.color-4 {
color: #f4a4bf;
}
.color-5 {
color: #c25b8f;
}

/* CSS Variables */
:root {
--color-1: #9c2b62;
 --color-2: #af4b8e;
 --color-3: #d17b9a;
 --color-4: #f4a4bf;
 --color-5: #c25b8f;
 }

Retro Raspberry Dreams の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c2b62, #af4b8e, #d17b9a, #f4a4bf, #c25b8f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c2b62, #af4b8e, #d17b9a, #f4a4bf, #c25b8f);
}

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

Retro Raspberry Dreams color palette created on .