Orange Pomeranian カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orange Pomeranian palette

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

Orange Pomeranian カラーパレット (PNG) をダウンロード

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

Orange Pomeranian カラーパレット CSS

/* CSS */
.color-1 {
color: #fedd71;
}
.color-2 {
color: #fdc644;
}
.color-3 {
color: #fdad44;
}
.color-4 {
color: #fd8b68;
}
.color-5 {
color: #f97b4e;
}

/* CSS Variables */
:root {
--color-1: #fedd71;
 --color-2: #fdc644;
 --color-3: #fdad44;
 --color-4: #fd8b68;
 --color-5: #f97b4e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fedd71, #fdc644, #fdad44, #fd8b68, #f97b4e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fedd71, #fdc644, #fdad44, #fd8b68, #f97b4e);
}

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

Orange Pomeranian color palette created on .