Ichor Wine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ichor Wine palette

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

Ichor Wine カラー パレット PNG 画像

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

Ichor Wine カラーパレット CSS

/* CSS */
.color-1 {
color: #240915;
}
.color-2 {
color: #350e28;
}
.color-3 {
color: #411538;
}
.color-4 {
color: #53233c;
}
.color-5 {
color: #772753;
}

/* CSS Variables */
:root {
--color-1: #240915;
--color-2: #350e28;
--color-3: #411538;
--color-4: #53233c;
--color-5: #772753;
}

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #240915, #350e28, #411538, #53233c, #772753);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #240915, #350e28, #411538, #53233c, #772753);
}

Ichor Wine color palette created on .