Weird Core カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Weird Core palette

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

Weird Core カラー パレット PNG 画像

Download weird core color palette PNG image (landscape)
Download weird core color palette PNG image (square)

Weird Core カラーパレット CSS

/* CSS */
.color-1 {
color: #bba8d6;
}
.color-2 {
color: #d4c2e0;
}
.color-3 {
color: #f2e3b5;
}
.color-4 {
color: #f4c6b8;
}
.color-5 {
color: #e67a7a;
}

/* CSS Variables */
:root {
--color-1: #bba8d6;
 --color-2: #d4c2e0;
 --color-3: #f2e3b5;
 --color-4: #f4c6b8;
 --color-5: #e67a7a;
 }

Weird Core の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #bba8d6, #d4c2e0, #f2e3b5, #f4c6b8, #e67a7a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #bba8d6, #d4c2e0, #f2e3b5, #f4c6b8, #e67a7a);
}

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

Weird Core color palette created on .