Wine Tones カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Wine Tones palette

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

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

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

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

Download wine tones color palette PNG image (landscape)
Download wine tones color palette PNG image (square)

Wine Tones カラーパレット CSS

/* CSS */
.color-1 {
color: #630d25;
}
.color-2 {
color: #991a55;
}
.color-3 {
color: #c0681b;
}
.color-4 {
color: #c8752d;
}
.color-5 {
color: #d85041;
}

/* CSS Variables */
:root {
--color-1: #630d25;
 --color-2: #991a55;
 --color-3: #c0681b;
 --color-4: #c8752d;
 --color-5: #d85041;
 }

Wine Tones の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #630d25, #991a55, #c0681b, #c8752d, #d85041);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #630d25, #991a55, #c0681b, #c8752d, #d85041);
}

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

Wine Tones color palette created on .