Velatu カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Velatu palette

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

Velatu カラー パレット PNG 画像

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

Velatu カラーパレット CSS

/* CSS */
.color-1 {
color: #807d9b;
}
.color-2 {
color: #c2c1d2;
}
.color-3 {
color: #f2e5b5;
}
.color-4 {
color: #f6a360;
}
.color-5 {
color: #e77e23;
}

/* CSS Variables */
:root {
--color-1: #807d9b;
 --color-2: #c2c1d2;
 --color-3: #f2e5b5;
 --color-4: #f6a360;
 --color-5: #e77e23;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #807d9b, #c2c1d2, #f2e5b5, #f6a360, #e77e23);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #807d9b, #c2c1d2, #f2e5b5, #f6a360, #e77e23);
}

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

Velatu color palette created on .