Taurus カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Taurus palette

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

Taurus カラー パレット PNG 画像

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

Taurus カラーパレット CSS

/* CSS */
.color-1 {
color: #714e38;
}
.color-2 {
color: #d9b88c;
}
.color-3 {
color: #cad9c9;
}
.color-4 {
color: #b0d2e8;
}
.color-5 {
color: #4b9da0;
}

/* CSS Variables */
:root {
--color-1: #714e38;
 --color-2: #d9b88c;
 --color-3: #cad9c9;
 --color-4: #b0d2e8;
 --color-5: #4b9da0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #714e38, #d9b88c, #cad9c9, #b0d2e8, #4b9da0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #714e38, #d9b88c, #cad9c9, #b0d2e8, #4b9da0);
}

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

Taurus color palette created on .