ハワイ カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with ハワイ palette

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

ハワイ カラー パレット PNG 画像

Download ハワイ color palette PNG image (landscape)
Download ハワイ color palette PNG image (square)

ハワイ カラーパレット CSS

/* CSS */
.color-1 {
color: #f8e0a0;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ff9d00;
}
.color-4 {
color: #ffcc00;
}
.color-5 {
color: #f5b042;
}

/* CSS Variables */
:root {
--color-1: #f8e0a0;
 --color-2: #ff6e61;
 --color-3: #ff9d00;
 --color-4: #ffcc00;
 --color-5: #f5b042;
 }

ハワイ の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8e0a0, #ff6e61, #ff9d00, #ffcc00, #f5b042);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8e0a0, #ff6e61, #ff9d00, #ffcc00, #f5b042);
}

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

ハワイ color palette created on .