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 .