Husky カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Husky palette

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

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

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

Husky カラーパレット CSS

/* CSS */
.color-1 {
color: #b6c8d8;
}
.color-2 {
color: #a4b8c6;
}
.color-3 {
color: #8ca1b5;
}
.color-4 {
color: #6a8d9a;
}
.color-5 {
color: #4c8090;
}

/* CSS Variables */
:root {
--color-1: #b6c8d8;
 --color-2: #a4b8c6;
 --color-3: #8ca1b5;
 --color-4: #6a8d9a;
 --color-5: #4c8090;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b6c8d8, #a4b8c6, #8ca1b5, #6a8d9a, #4c8090);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b6c8d8, #a4b8c6, #8ca1b5, #6a8d9a, #4c8090);
}

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

Husky color palette created on .