Pomeranian カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pomeranian palette

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

Pomeranian カラー パレット PNG 画像

Download pomeranian color palette PNG image (landscape)
Download pomeranian color palette PNG image (square)

Pomeranian カラーパレット CSS

/* CSS */
.color-1 {
color: #ffa07a;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ff6e61;
}
.color-5 {
color: #ffb3ba;
}

/* CSS Variables */
:root {
--color-1: #ffa07a;
 --color-2: #ffb84d;
 --color-3: #ffd900;
 --color-4: #ff6e61;
 --color-5: #ffb3ba;
 }

Pomeranian の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffa07a, #ffb84d, #ffd900, #ff6e61, #ffb3ba);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffa07a, #ffb84d, #ffd900, #ff6e61, #ffb3ba);
}

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

Pomeranian color palette created on .