Таро カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Таро palette

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

Таро カラー パレット PNG 画像

Download таро color palette PNG image (landscape)
Download таро color palette PNG image (square)

Таро カラーパレット CSS

/* CSS */
.color-1 {
color: #c4a05a;
}
.color-2 {
color: #4b3d8f;
}
.color-3 {
color: #6e3c90;
}
.color-4 {
color: #7f5c7e;
}
.color-5 {
color: #d05d65;
}

/* CSS Variables */
:root {
--color-1: #c4a05a;
 --color-2: #4b3d8f;
 --color-3: #6e3c90;
 --color-4: #7f5c7e;
 --color-5: #d05d65;
 }

Таро の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c4a05a, #4b3d8f, #6e3c90, #7f5c7e, #d05d65);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c4a05a, #4b3d8f, #6e3c90, #7f5c7e, #d05d65);
}

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

Таро color palette created on .