Retro Rainbow Pink カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Retro Rainbow Pink palette

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

Retro Rainbow Pink カラーパレット (PNG) をダウンロード

Download retro rainbow pink color palette PNG image (landscape)
Download retro rainbow pink color palette PNG image (square)

Retro Rainbow Pink カラーパレット CSS

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

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

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

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

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

Retro Rainbow Pink color palette created on .