Ожинко カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ожинко palette

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

Ожинко カラー パレット PNG 画像

Download ожинко color palette PNG image (landscape)
Download ожинко color palette PNG image (square)

Ожинко カラーパレット CSS

/* CSS */
.color-1 {
color: #a62b2b;
}
.color-2 {
color: #da8b8b;
}
.color-3 {
color: #f7c5c5;
}
.color-4 {
color: #f8e5b4;
}
.color-5 {
color: #f4cf3e;
}

/* CSS Variables */
:root {
--color-1: #a62b2b;
 --color-2: #da8b8b;
 --color-3: #f7c5c5;
 --color-4: #f8e5b4;
 --color-5: #f4cf3e;
 }

Ожинко の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a62b2b, #da8b8b, #f7c5c5, #f8e5b4, #f4cf3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a62b2b, #da8b8b, #f7c5c5, #f8e5b4, #f4cf3e);
}

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

Ожинко color palette created on .