Minnesota カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Minnesota palette

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

Minnesota カラー パレット PNG 画像

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

Minnesota カラーパレット CSS

/* CSS */
.color-1 {
color: #3a6992;
}
.color-2 {
color: #5a8cbf;
}
.color-3 {
color: #89b3d7;
}
.color-4 {
color: #dae2ec;
}
.color-5 {
color: #f3f4f6;
}

/* CSS Variables */
:root {
--color-1: #3a6992;
 --color-2: #5a8cbf;
 --color-3: #89b3d7;
 --color-4: #dae2ec;
 --color-5: #f3f4f6;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3a6992, #5a8cbf, #89b3d7, #dae2ec, #f3f4f6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3a6992, #5a8cbf, #89b3d7, #dae2ec, #f3f4f6);
}

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

Minnesota color palette created on .