Green Blue Cocktail カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Green Blue Cocktail palette

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

Green Blue Cocktail カラー パレット PNG 画像

Download green blue cocktail color palette PNG image (landscape)
Download green blue cocktail color palette PNG image (square)

Green Blue Cocktail カラーパレット CSS

/* CSS */
.color-1 {
color: #9de071;
}
.color-2 {
color: #59e39e;
}
.color-3 {
color: #0a9e94;
}
.color-4 {
color: #0a7eb8;
}
.color-5 {
color: #244fae;
}

/* CSS Variables */
:root {
--color-1: #9de071;
 --color-2: #59e39e;
 --color-3: #0a9e94;
 --color-4: #0a7eb8;
 --color-5: #244fae;
 }

Green Blue Cocktail の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9de071, #59e39e, #0a9e94, #0a7eb8, #244fae);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9de071, #59e39e, #0a9e94, #0a7eb8, #244fae);
}

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

Green Blue Cocktail color palette created on .