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 .