Two Swans Ductaped to the side of the coke machine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Two Swans Ductaped to the side of the coke machine palette

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

Two Swans Ductaped to the side of the coke machine カラー パレット PNG 画像

Download two swans ductaped to the side of the coke machine color palette PNG image (landscape)
Download two swans ductaped to the side of the coke machine color palette PNG image (square)

Two Swans Ductaped to the side of the coke machine カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b5a1;
}
.color-2 {
color: #f1d3b1;
}
.color-3 {
color: #cbe1e6;
}
.color-4 {
color: #a8d3e1;
}
.color-5 {
color: #6c9dcb;
}

/* CSS Variables */
:root {
--color-1: #f7b5a1;
--color-2: #f1d3b1;
--color-3: #cbe1e6;
--color-4: #a8d3e1;
--color-5: #6c9dcb;
}

Two Swans Ductaped to the side of the coke machine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b5a1, #f1d3b1, #cbe1e6, #a8d3e1, #6c9dcb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b5a1, #f1d3b1, #cbe1e6, #a8d3e1, #6c9dcb);
}

Two Swans Ductaped to the side of the coke machine color palette created on .