Nyan Pink Dream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nyan Pink Dream palette

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

Nyan Pink Dream カラー パレット PNG 画像

Download nyan pink dream color palette PNG image (landscape)
Download nyan pink dream color palette PNG image (square)

Nyan Pink Dream カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #f7b5a1;
}
.color-3 {
color: #ffcc7a;
}
.color-4 {
color: #6ab7f6;
}
.color-5 {
color: #92e3ae;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #f7b5a1;
 --color-3: #ffcc7a;
 --color-4: #6ab7f6;
 --color-5: #92e3ae;
 }

Nyan Pink Dream の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #f7b5a1, #ffcc7a, #6ab7f6, #92e3ae);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #f7b5a1, #ffcc7a, #6ab7f6, #92e3ae);
}

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

Nyan Pink Dream color palette created on .