Urbano Creativo Variable カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Urbano Creativo Variable palette

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

Urbano Creativo Variable カラー パレット PNG 画像

Download urbano creativo variable color palette PNG image (landscape)
Download urbano creativo variable color palette PNG image (square)

Urbano Creativo Variable カラーパレット CSS

/* CSS */
.color-1 {
color: #084e8c;
}
.color-2 {
color: #11a8e8;
}
.color-3 {
color: #5ad8f2;
}
.color-4 {
color: #daf6a7;
}
.color-5 {
color: #f9d185;
}

/* CSS Variables */
:root {
--color-1: #084e8c;
 --color-2: #11a8e8;
 --color-3: #5ad8f2;
 --color-4: #daf6a7;
 --color-5: #f9d185;
 }

Urbano Creativo Variable の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #084e8c, #11a8e8, #5ad8f2, #daf6a7, #f9d185);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #084e8c, #11a8e8, #5ad8f2, #daf6a7, #f9d185);
}

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

Urbano Creativo Variable color palette created on .