Curses カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Curses palette

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

Curses カラー パレット PNG 画像

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

Curses カラーパレット CSS

/* CSS */
.color-1 {
color: #4b2e6b;
}
.color-2 {
color: #704d7a;
}
.color-3 {
color: #9a6a87;
}
.color-4 {
color: #c6a4b3;
}
.color-5 {
color: #f8e0bf;
}

/* CSS Variables */
:root {
--color-1: #4b2e6b;
 --color-2: #704d7a;
 --color-3: #9a6a87;
 --color-4: #c6a4b3;
 --color-5: #f8e0bf;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4b2e6b, #704d7a, #9a6a87, #c6a4b3, #f8e0bf);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4b2e6b, #704d7a, #9a6a87, #c6a4b3, #f8e0bf);
}

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

Curses color palette created on .