Lady Oscar カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lady Oscar palette

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

Lady Oscar カラー パレット PNG 画像

Download lady oscar color palette PNG image (landscape)
Download lady oscar color palette PNG image (square)

Lady Oscar カラーパレット CSS

/* CSS */
.color-1 {
color: #e9a5b6;
}
.color-2 {
color: #f5e3b2;
}
.color-3 {
color: #f9c780;
}
.color-4 {
color: #b6d0e2;
}
.color-5 {
color: #7c4b91;
}

/* CSS Variables */
:root {
--color-1: #e9a5b6;
 --color-2: #f5e3b2;
 --color-3: #f9c780;
 --color-4: #b6d0e2;
 --color-5: #7c4b91;
 }

Lady Oscar の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e9a5b6, #f5e3b2, #f9c780, #b6d0e2, #7c4b91);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e9a5b6, #f5e3b2, #f9c780, #b6d0e2, #7c4b91);
}

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

Lady Oscar color palette created on .