50s Brightness カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with 50s Brightness palette

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

50s Brightness カラー パレット PNG 画像

Download 50s brightness color palette PNG image (landscape)
Download 50s brightness color palette PNG image (square)

50s Brightness カラーパレット CSS

/* CSS */
.color-1 {
color: #ffbdc4;
}
.color-2 {
color: #a18fef;
}
.color-3 {
color: #c3f0a3;
}
.color-4 {
color: #fde7eb;
}
.color-5 {
color: #b9d4f8;
}

/* CSS Variables */
:root {
--color-1: #ffbdc4;
 --color-2: #a18fef;
 --color-3: #c3f0a3;
 --color-4: #fde7eb;
 --color-5: #b9d4f8;
 }

50s Brightness の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffbdc4, #a18fef, #c3f0a3, #fde7eb, #b9d4f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffbdc4, #a18fef, #c3f0a3, #fde7eb, #b9d4f8);
}

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

50s Brightness color palette created on .