Hawaiian Luau カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaiian Luau palette

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

Hawaiian Luau カラー パレット PNG 画像

Download hawaiian luau color palette PNG image (landscape)
Download hawaiian luau color palette PNG image (square)

Hawaiian Luau カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffcb5c;
}
.color-3 {
color: #88d8b0;
}
.color-4 {
color: #4db8ff;
}
.color-5 {
color: #ff5c98;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffcb5c;
 --color-3: #88d8b0;
 --color-4: #4db8ff;
 --color-5: #ff5c98;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffcb5c, #88d8b0, #4db8ff, #ff5c98);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffcb5c, #88d8b0, #4db8ff, #ff5c98);
}

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

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

Hawaiian Luau color palette created on .