Vox Vibrance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vox Vibrance palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Vox Vibrance カラーパレット (PNG) をダウンロード

Download vox vibrance color palette PNG image (landscape)
Download vox vibrance color palette PNG image (square)

Vox Vibrance カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7424;
}
.color-2 {
color: #ffbf94;
}
.color-3 {
color: #ffebbd;
}
.color-4 {
color: #70cfff;
}
.color-5 {
color: #2e8fff;
}

/* CSS Variables */
:root {
--color-1: #ff7424;
 --color-2: #ffbf94;
 --color-3: #ffebbd;
 --color-4: #70cfff;
 --color-5: #2e8fff;
 }

Vox Vibrance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7424, #ffbf94, #ffebbd, #70cfff, #2e8fff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7424, #ffbf94, #ffebbd, #70cfff, #2e8fff);
}

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

Vox Vibrance color palette created on .