Legend of Zelda カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Legend of Zelda palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Legend of Zelda カラーパレット (PNG) をダウンロード
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 .