Warm Coral カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Warm Coral palette

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

Warm Coral カラー パレット PNG 画像

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

Warm Coral カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd54d;
}
.color-4 {
color: #4eb7ac;
}
.color-5 {
color: #65b5f6;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffb84d;
 --color-3: #ffd54d;
 --color-4: #4eb7ac;
 --color-5: #65b5f6;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffb84d, #ffd54d, #4eb7ac, #65b5f6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffb84d, #ffd54d, #4eb7ac, #65b5f6);
}

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

Warm Coral color palette created on .