Game of Thrones カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Game of Thrones palette

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

Game of Thrones カラー パレット PNG 画像

Download game of thrones color palette PNG image (landscape)
Download game of thrones color palette PNG image (square)

Game of Thrones カラーパレット CSS

/* CSS */
.color-1 {
color: #1d1f2a;
}
.color-2 {
color: #3b5b8c;
}
.color-3 {
color: #a1b1c4;
}
.color-4 {
color: #d9c478;
}
.color-5 {
color: #c94331;
}

/* CSS Variables */
:root {
--color-1: #1d1f2a;
 --color-2: #3b5b8c;
 --color-3: #a1b1c4;
 --color-4: #d9c478;
 --color-5: #c94331;
 }

Game of Thrones の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d1f2a, #3b5b8c, #a1b1c4, #d9c478, #c94331);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d1f2a, #3b5b8c, #a1b1c4, #d9c478, #c94331);
}

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

Game of Thrones color palette created on .