Nostalgia Ridicula カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nostalgia Ridicula palette

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

Nostalgia Ridicula カラー パレット PNG 画像

Download nostalgia ridicula color palette PNG image (landscape)
Download nostalgia ridicula color palette PNG image (square)

Nostalgia Ridicula カラーパレット CSS

/* CSS */
.color-1 {
color: #f0b6a3;
}
.color-2 {
color: #e7c8a6;
}
.color-3 {
color: #d7e4b9;
}
.color-4 {
color: #b2e1d2;
}
.color-5 {
color: #92c8e3;
}

/* CSS Variables */
:root {
--color-1: #f0b6a3;
 --color-2: #e7c8a6;
 --color-3: #d7e4b9;
 --color-4: #b2e1d2;
 --color-5: #92c8e3;
 }

Nostalgia Ridicula の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0b6a3, #e7c8a6, #d7e4b9, #b2e1d2, #92c8e3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0b6a3, #e7c8a6, #d7e4b9, #b2e1d2, #92c8e3);
}

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

Nostalgia Ridicula color palette created on .