Pirinean Lynx カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pirinean Lynx palette

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

Pirinean Lynx カラー パレット PNG 画像

Download pirinean lynx color palette PNG image (landscape)
Download pirinean lynx color palette PNG image (square)

Pirinean Lynx カラーパレット CSS

/* CSS */
.color-1 {
color: #d8c0a2;
}
.color-2 {
color: #c6a77b;
}
.color-3 {
color: #a77d6c;
}
.color-4 {
color: #5b4d3e;
}
.color-5 {
color: #3f2c2f;
}

/* CSS Variables */
:root {
--color-1: #d8c0a2;
 --color-2: #c6a77b;
 --color-3: #a77d6c;
 --color-4: #5b4d3e;
 --color-5: #3f2c2f;
 }

Pirinean Lynx の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8c0a2, #c6a77b, #a77d6c, #5b4d3e, #3f2c2f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8c0a2, #c6a77b, #a77d6c, #5b4d3e, #3f2c2f);
}

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

Pirinean Lynx color palette created on .