Brumi Koh カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Brumi Koh palette

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

Brumi Koh カラー パレット PNG 画像

Download brumi koh color palette PNG image (landscape)
Download brumi koh color palette PNG image (square)

Brumi Koh カラーパレット CSS

/* CSS */
.color-1 {
color: #f3e6c4;
}
.color-2 {
color: #f5b2c7;
}
.color-3 {
color: #f28e1c;
}
.color-4 {
color: #78cae2;
}
.color-5 {
color: #3f6d92;
}

/* CSS Variables */
:root {
--color-1: #f3e6c4;
 --color-2: #f5b2c7;
 --color-3: #f28e1c;
 --color-4: #78cae2;
 --color-5: #3f6d92;
 }

Brumi Koh の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f3e6c4, #f5b2c7, #f28e1c, #78cae2, #3f6d92);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f3e6c4, #f5b2c7, #f28e1c, #78cae2, #3f6d92);
}

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

Brumi Koh color palette created on .