Gryffindor Brights カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gryffindor Brights palette

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

Gryffindor Brights カラー パレット PNG 画像

Download gryffindor brights color palette PNG image (landscape)
Download gryffindor brights color palette PNG image (square)

Gryffindor Brights カラーパレット CSS

/* CSS */
.color-1 {
color: #9b223a;
}
.color-2 {
color: #c92c41;
}
.color-3 {
color: #efae4d;
}
.color-4 {
color: #f5d07a;
}
.color-5 {
color: #d1a94d;
}

/* CSS Variables */
:root {
--color-1: #9b223a;
 --color-2: #c92c41;
 --color-3: #efae4d;
 --color-4: #f5d07a;
 --color-5: #d1a94d;
 }

Gryffindor Brights の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9b223a, #c92c41, #efae4d, #f5d07a, #d1a94d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9b223a, #c92c41, #efae4d, #f5d07a, #d1a94d);
}

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

Gryffindor Brights color palette created on .