Pink and Blue Hippy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink and Blue Hippy palette

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

Pink and Blue Hippy カラー パレット PNG 画像

Download pink and blue hippy color palette PNG image (landscape)
Download pink and blue hippy color palette PNG image (square)

Pink and Blue Hippy カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #70a3d7;
}
.color-3 {
color: #f6a7b3;
}
.color-4 {
color: #4f7d92;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #70a3d7;
 --color-3: #f6a7b3;
 --color-4: #4f7d92;
 --color-5: #ffd900;
 }

Pink and Blue Hippy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #70a3d7, #f6a7b3, #4f7d92, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #70a3d7, #f6a7b3, #4f7d92, #ffd900);
}

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

Pink and Blue Hippy color palette created on .