Victor Cantu カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Victor Cantu palette

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

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

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

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

Download victor cantu color palette PNG image (landscape)
Download victor cantu color palette PNG image (square)

Victor Cantu カラーパレット CSS

/* CSS */
.color-1 {
color: #e2b8a2;
}
.color-2 {
color: #c67d7b;
}
.color-3 {
color: #a35262;
}
.color-4 {
color: #6d3b4c;
}
.color-5 {
color: #3b2c3f;
}

/* CSS Variables */
:root {
--color-1: #e2b8a2;
 --color-2: #c67d7b;
 --color-3: #a35262;
 --color-4: #6d3b4c;
 --color-5: #3b2c3f;
 }

Victor Cantu の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e2b8a2, #c67d7b, #a35262, #6d3b4c, #3b2c3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e2b8a2, #c67d7b, #a35262, #6d3b4c, #3b2c3f);
}

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

Victor Cantu color palette created on .