Therian カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Therian palette

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

Therian カラー パレット PNG 画像

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

Therian カラーパレット CSS

/* CSS */
.color-1 {
color: #4c8b3c;
}
.color-2 {
color: #7fbe4b;
}
.color-3 {
color: #d0e4a5;
}
.color-4 {
color: #f6e4b1;
}
.color-5 {
color: #f1a3a2;
}

/* CSS Variables */
:root {
--color-1: #4c8b3c;
 --color-2: #7fbe4b;
 --color-3: #d0e4a5;
 --color-4: #f6e4b1;
 --color-5: #f1a3a2;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c8b3c, #7fbe4b, #d0e4a5, #f6e4b1, #f1a3a2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c8b3c, #7fbe4b, #d0e4a5, #f6e4b1, #f1a3a2);
}

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

Therian color palette created on .