Uzi Colors カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Uzi Colors palette

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

Uzi Colors カラー パレット PNG 画像

Download uzi colors color palette PNG image (landscape)
Download uzi colors color palette PNG image (square)

Uzi Colors カラーパレット CSS

/* CSS */
.color-1 {
color: #1c203b;
}
.color-2 {
color: #5b4c9a;
}
.color-3 {
color: #a17ccb;
}
.color-4 {
color: #f0c7d7;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #1c203b;
 --color-2: #5b4c9a;
 --color-3: #a17ccb;
 --color-4: #f0c7d7;
 --color-5: #ff6e61;
 }

Uzi Colors の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1c203b, #5b4c9a, #a17ccb, #f0c7d7, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1c203b, #5b4c9a, #a17ccb, #f0c7d7, #ff6e61);
}

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

Uzi Colors color palette created on .