Hunter カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hunter palette

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

Hunter カラー パレット PNG 画像

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

Hunter カラーパレット CSS

/* CSS */
.color-1 {
color: #3c4f30;
}
.color-2 {
color: #4e6f4d;
}
.color-3 {
color: #7a9b6f;
}
.color-4 {
color: #a7c0a5;
}
.color-5 {
color: #d2e4d5;
}

/* CSS Variables */
:root {
--color-1: #3c4f30;
 --color-2: #4e6f4d;
 --color-3: #7a9b6f;
 --color-4: #a7c0a5;
 --color-5: #d2e4d5;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3c4f30, #4e6f4d, #7a9b6f, #a7c0a5, #d2e4d5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3c4f30, #4e6f4d, #7a9b6f, #a7c0a5, #d2e4d5);
}

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

Hunter color palette created on .