Rainbow Berry Aesthetic カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rainbow Berry Aesthetic palette

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

Rainbow Berry Aesthetic カラー パレット PNG 画像

Download rainbow berry aesthetic color palette PNG image (landscape)
Download rainbow berry aesthetic color palette PNG image (square)

Rainbow Berry Aesthetic カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #6a4c94;
}
.color-3 {
color: #88d8b0;
}
.color-4 {
color: #f7e1a1;
}
.color-5 {
color: #ff998a;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #6a4c94;
 --color-3: #88d8b0;
 --color-4: #f7e1a1;
 --color-5: #ff998a;
 }

Rainbow Berry Aesthetic の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #6a4c94, #88d8b0, #f7e1a1, #ff998a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #6a4c94, #88d8b0, #f7e1a1, #ff998a);
}

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

Rainbow Berry Aesthetic color palette created on .