Skyrim カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Skyrim palette

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

Skyrim カラー パレット PNG 画像

Download skyrim color palette PNG image (landscape)
Download skyrim color palette PNG image (square)

Skyrim カラーパレット CSS

/* CSS */
.color-1 {
color: #3a5a92;
}
.color-2 {
color: #6a8caf;
}
.color-3 {
color: #b0c4d8;
}
.color-4 {
color: #d1b271;
}
.color-5 {
color: #9f6b5b;
}

/* CSS Variables */
:root {
--color-1: #3a5a92;
 --color-2: #6a8caf;
 --color-3: #b0c4d8;
 --color-4: #d1b271;
 --color-5: #9f6b5b;
 }

Skyrim の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a5a92, #6a8caf, #b0c4d8, #d1b271, #9f6b5b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a5a92, #6a8caf, #b0c4d8, #d1b271, #9f6b5b);
}

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

Skyrim color palette created on .