Shades of Biscay カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shades of Biscay palette

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

Shades of Biscay カラーパレット CSS

/* CSS */
.color-1 {
color: #163269;
}
.color-2 {
color: #30589c;
}
.color-3 {
color: #77b0df;
}
.color-4 {
color: #9edce6;
}
.color-5 {
color: #f4e3b4;
}

/* CSS Variables */
:root {
--color-1: #163269;
 --color-2: #30589c;
 --color-3: #77b0df;
 --color-4: #9edce6;
 --color-5: #f4e3b4;
 }

Shades of Biscay の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #163269, #30589c, #77b0df, #9edce6, #f4e3b4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #163269, #30589c, #77b0df, #9edce6, #f4e3b4);
}

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

Shades of Biscay color palette created on .