Coral Hippie Dream カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coral Hippie Dream palette

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

Coral Hippie Dream カラー パレット PNG 画像

Download coral hippie dream color palette PNG image (landscape)
Download coral hippie dream color palette PNG image (square)

Coral Hippie Dream カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #69bf84;
}
.color-4 {
color: #4b91e2;
}
.color-5 {
color: #a34d89;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffb84d;
 --color-3: #69bf84;
 --color-4: #4b91e2;
 --color-5: #a34d89;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffb84d, #69bf84, #4b91e2, #a34d89);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffb84d, #69bf84, #4b91e2, #a34d89);
}

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

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

Coral Hippie Dream color palette created on .