Hawaii Neon Cool Boy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaii Neon Cool Boy palette

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

Hawaii Neon Cool Boy カラー パレット PNG 画像

Download hawaii neon cool boy color palette PNG image (landscape)
Download hawaii neon cool boy color palette PNG image (square)

Hawaii Neon Cool Boy カラーパレット CSS

/* CSS */
.color-1 {
color: #00bdd6;
}
.color-2 {
color: #ff4281;
}
.color-3 {
color: #cbdc38;
}
.color-4 {
color: #ffec3d;
}
.color-5 {
color: #ff5724;
}

/* CSS Variables */
:root {
--color-1: #00bdd6;
 --color-2: #ff4281;
 --color-3: #cbdc38;
 --color-4: #ffec3d;
 --color-5: #ff5724;
 }

Hawaii Neon Cool Boy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdd6, #ff4281, #cbdc38, #ffec3d, #ff5724);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdd6, #ff4281, #cbdc38, #ffec3d, #ff5724);
}

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

Hawaii Neon Cool Boy color palette created on .