Luxu カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Luxu palette

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

Luxu カラー パレット PNG 画像

Download luxu color palette PNG image (landscape)
Download luxu color palette PNG image (square)

Luxu カラーパレット CSS

/* CSS */
.color-1 {
color: #f1c40e;
}
.color-2 {
color: #e77e23;
}
.color-3 {
color: #e74d3c;
}
.color-4 {
color: #8d43ad;
}
.color-5 {
color: #3398db;
}

/* CSS Variables */
:root {
--color-1: #f1c40e;
 --color-2: #e77e23;
 --color-3: #e74d3c;
 --color-4: #8d43ad;
 --color-5: #3398db;
 }

Luxu の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1c40e, #e77e23, #e74d3c, #8d43ad, #3398db);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1c40e, #e77e23, #e74d3c, #8d43ad, #3398db);
}

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

下にスクロールして10個のラグジュアリーカラーパレットを探索しましょう

Luxu color palette created on .