Zelda Stone カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Zelda Stone palette

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

Zelda Stone カラー パレット PNG 画像

Download zelda stone color palette PNG image (landscape)
Download zelda stone color palette PNG image (square)

Zelda Stone カラーパレット CSS

/* CSS */
.color-1 {
color: #4b6f7c;
}
.color-2 {
color: #6f8b8b;
}
.color-3 {
color: #93b4a6;
}
.color-4 {
color: #d1e6c1;
}
.color-5 {
color: #fae3b2;
}

/* CSS Variables */
:root {
--color-1: #4b6f7c;
 --color-2: #6f8b8b;
 --color-3: #93b4a6;
 --color-4: #d1e6c1;
 --color-5: #fae3b2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b6f7c, #6f8b8b, #93b4a6, #d1e6c1, #fae3b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b6f7c, #6f8b8b, #93b4a6, #d1e6c1, #fae3b2);
}

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

Zelda Stone color palette created on .