Military Lab カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Military Lab palette

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

Military Lab カラー パレット PNG 画像

Download military lab color palette PNG image (landscape)
Download military lab color palette PNG image (square)

Military Lab カラーパレット CSS

/* CSS */
.color-1 {
color: #a1c1d4;
}
.color-2 {
color: #4c7d9a;
}
.color-3 {
color: #3d5a66;
}
.color-4 {
color: #1f3a3d;
}
.color-5 {
color: #c4d8c0;
}

/* CSS Variables */
:root {
--color-1: #a1c1d4;
 --color-2: #4c7d9a;
 --color-3: #3d5a66;
 --color-4: #1f3a3d;
 --color-5: #c4d8c0;
 }

Military Lab の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a1c1d4, #4c7d9a, #3d5a66, #1f3a3d, #c4d8c0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a1c1d4, #4c7d9a, #3d5a66, #1f3a3d, #c4d8c0);
}

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

Military Lab color palette created on .