Hawaiian Country Home カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaiian Country Home palette

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

Hawaiian Country Home カラー パレット PNG 画像

Download hawaiian country home color palette PNG image (landscape)
Download hawaiian country home color palette PNG image (square)

Hawaiian Country Home カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb84d;
}
.color-2 {
color: #ff8b42;
}
.color-3 {
color: #ff6d1f;
}
.color-4 {
color: #d95926;
}
.color-5 {
color: #9f4e3c;
}

/* CSS Variables */
:root {
--color-1: #ffb84d;
 --color-2: #ff8b42;
 --color-3: #ff6d1f;
 --color-4: #d95926;
 --color-5: #9f4e3c;
 }

Hawaiian Country Home の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb84d, #ff8b42, #ff6d1f, #d95926, #9f4e3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb84d, #ff8b42, #ff6d1f, #d95926, #9f4e3c);
}

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

下にスクロールして1個のハワイカラーパレットを探索しましょう

Hawaiian Country Home color palette created on .