Trick or Treat Meow Meows カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Trick or Treat Meow Meows palette

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

Trick or Treat Meow Meows カラー パレット PNG 画像

Download trick or treat meow meows color palette PNG image (landscape)
Download trick or treat meow meows color palette PNG image (square)

Trick or Treat Meow Meows カラーパレット CSS

/* CSS */
.color-1 {
color: #f5b2b2;
}
.color-2 {
color: #f5a17a;
}
.color-3 {
color: #f4c952;
}
.color-4 {
color: #7f5b9f;
}
.color-5 {
color: #5d4d7a;
}

/* CSS Variables */
:root {
--color-1: #f5b2b2;
 --color-2: #f5a17a;
 --color-3: #f4c952;
 --color-4: #7f5b9f;
 --color-5: #5d4d7a;
 }

Trick or Treat Meow Meows の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5b2b2, #f5a17a, #f4c952, #7f5b9f, #5d4d7a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5b2b2, #f5a17a, #f4c952, #7f5b9f, #5d4d7a);
}

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

Trick or Treat Meow Meows color palette created on .