Raspberry Reverie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Raspberry Reverie palette

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

Raspberry Reverie カラー パレット PNG 画像

Download raspberry reverie color palette PNG image (landscape)
Download raspberry reverie color palette PNG image (square)

Raspberry Reverie カラーパレット CSS

/* CSS */
.color-1 {
color: #8c1d40;
}
.color-2 {
color: #a32e53;
}
.color-3 {
color: #c55e78;
}
.color-4 {
color: #d8a6b0;
}
.color-5 {
color: #f2c0d5;
}

/* CSS Variables */
:root {
--color-1: #8c1d40;
 --color-2: #a32e53;
 --color-3: #c55e78;
 --color-4: #d8a6b0;
 --color-5: #f2c0d5;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8c1d40, #a32e53, #c55e78, #d8a6b0, #f2c0d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8c1d40, #a32e53, #c55e78, #d8a6b0, #f2c0d5);
}

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

Raspberry Reverie color palette created on .