Polaroid Pastel Rainbow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Polaroid Pastel Rainbow palette

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

Polaroid Pastel Rainbow カラー パレット PNG 画像

Download polaroid pastel rainbow color palette PNG image (landscape)
Download polaroid pastel rainbow color palette PNG image (square)

Polaroid Pastel Rainbow カラーパレット CSS

/* CSS */
.color-1 {
color: #f0b2b2;
}
.color-2 {
color: #f6d6a7;
}
.color-3 {
color: #e3e6b2;
}
.color-4 {
color: #b9d7e9;
}
.color-5 {
color: #aacada;
}

/* CSS Variables */
:root {
--color-1: #f0b2b2;
 --color-2: #f6d6a7;
 --color-3: #e3e6b2;
 --color-4: #b9d7e9;
 --color-5: #aacada;
 }

Polaroid Pastel Rainbow の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0b2b2, #f6d6a7, #e3e6b2, #b9d7e9, #aacada);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0b2b2, #f6d6a7, #e3e6b2, #b9d7e9, #aacada);
}

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

Polaroid Pastel Rainbow color palette created on .