Cool Modern Lush Hawaii カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cool Modern Lush Hawaii palette

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

Cool Modern Lush Hawaii カラー パレット PNG 画像

Download cool modern lush hawaii color palette PNG image (landscape)
Download cool modern lush hawaii color palette PNG image (square)

Cool Modern Lush Hawaii カラーパレット CSS

/* CSS */
.color-1 {
color: #007a5e;
}
.color-2 {
color: #00bdad;
}
.color-3 {
color: #00e0d5;
}
.color-4 {
color: #ff6d1f;
}
.color-5 {
color: #ffb300;
}

/* CSS Variables */
:root {
--color-1: #007a5e;
 --color-2: #00bdad;
 --color-3: #00e0d5;
 --color-4: #ff6d1f;
 --color-5: #ffb300;
 }

Cool Modern Lush Hawaii の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #007a5e, #00bdad, #00e0d5, #ff6d1f, #ffb300);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #007a5e, #00bdad, #00e0d5, #ff6d1f, #ffb300);
}

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

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

Cool Modern Lush Hawaii color palette created on .