Homestuck Colors カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Homestuck Colors palette

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

Homestuck Colors カラーパレット (PNG) をダウンロード

Download homestuck colors color palette PNG image (landscape)
Download homestuck colors color palette PNG image (square)

Homestuck Colors カラーパレット CSS

/* CSS */
.color-1 {
color: #4e8a97;
}
.color-2 {
color: #7ebe8e;
}
.color-3 {
color: #b8e0a4;
}
.color-4 {
color: #f5e59e;
}
.color-5 {
color: #f47b1f;
}

/* CSS Variables */
:root {
--color-1: #4e8a97;
 --color-2: #7ebe8e;
 --color-3: #b8e0a4;
 --color-4: #f5e59e;
 --color-5: #f47b1f;
 }

Homestuck Colors の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4e8a97, #7ebe8e, #b8e0a4, #f5e59e, #f47b1f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4e8a97, #7ebe8e, #b8e0a4, #f5e59e, #f47b1f);
}

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

Homestuck Colors color palette created on .