Coral Gumball カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coral Gumball palette

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

Coral Gumball カラーパレット (PNG) をダウンロード

Download coral gumball color palette PNG image (landscape)
Download coral gumball color palette PNG image (square)

Coral Gumball カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffa142;
}
.color-3 {
color: #ffcd29;
}
.color-4 {
color: #a8e6cf;
}
.color-5 {
color: #d3c0cb;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffa142;
 --color-3: #ffcd29;
 --color-4: #a8e6cf;
 --color-5: #d3c0cb;
 }

Coral Gumball の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffa142, #ffcd29, #a8e6cf, #d3c0cb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffa142, #ffcd29, #a8e6cf, #d3c0cb);
}

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

Coral Gumball color palette created on .