Pinkish Rainbow カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pinkish Rainbow palette

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

Pinkish Rainbow カラー パレット PNG 画像

Download pinkish rainbow color palette PNG image (landscape)
Download pinkish rainbow color palette PNG image (square)

Pinkish Rainbow カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7081;
}
.color-2 {
color: #ffb3c1;
}
.color-3 {
color: #ffebd6;
}
.color-4 {
color: #ffbf75;
}
.color-5 {
color: #ff6d1f;
}

/* CSS Variables */
:root {
--color-1: #ff7081;
 --color-2: #ffb3c1;
 --color-3: #ffebd6;
 --color-4: #ffbf75;
 --color-5: #ff6d1f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7081, #ffb3c1, #ffebd6, #ffbf75, #ff6d1f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7081, #ffb3c1, #ffebd6, #ffbf75, #ff6d1f);
}

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

Pinkish Rainbow color palette created on .