Legend of Zelda カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Legend of Zelda palette

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

Legend of Zelda カラー パレット PNG 画像

Download legend of zelda color palette PNG image (landscape)
Download legend of zelda color palette PNG image (square)

Legend of Zelda カラーパレット CSS

/* CSS */
.color-1 {
color: #5e7e3e;
}
.color-2 {
color: #a4b95b;
}
.color-3 {
color: #d5c96c;
}
.color-4 {
color: #f8e9a0;
}
.color-5 {
color: #ffb84d;
}

/* CSS Variables */
:root {
--color-1: #5e7e3e;
 --color-2: #a4b95b;
 --color-3: #d5c96c;
 --color-4: #f8e9a0;
 --color-5: #ffb84d;
 }

Legend of Zelda の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #5e7e3e, #a4b95b, #d5c96c, #f8e9a0, #ffb84d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #5e7e3e, #a4b95b, #d5c96c, #f8e9a0, #ffb84d);
}

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

Legend of Zelda color palette created on .