Party Noob カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Party Noob palette

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

Party Noob カラー パレット PNG 画像

Download party noob color palette PNG image (landscape)
Download party noob color palette PNG image (square)

Party Noob カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #709dff;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ff6bb5;
}
.color-5 {
color: #32cd32;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #709dff;
 --color-3: #ffd900;
 --color-4: #ff6bb5;
 --color-5: #32cd32;
 }

Party Noob の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #709dff, #ffd900, #ff6bb5, #32cd32);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #709dff, #ffd900, #ff6bb5, #32cd32);
}

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

Party Noob color palette created on .