Alaska カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Alaska palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Alaska カラーパレット (PNG) をダウンロード

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

Alaska カラーパレット CSS

/* CSS */
.color-1 {
color: #a7dadc;
}
.color-2 {
color: #447a9c;
}
.color-3 {
color: #1d3658;
}
.color-4 {
color: #f2faef;
}
.color-5 {
color: #f6d55a;
}

/* CSS Variables */
:root {
--color-1: #a7dadc;
 --color-2: #447a9c;
 --color-3: #1d3658;
 --color-4: #f2faef;
 --color-5: #f6d55a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7dadc, #447a9c, #1d3658, #f2faef, #f6d55a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7dadc, #447a9c, #1d3658, #f2faef, #f6d55a);
}

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

Alaska color palette created on .