Abstract Psychopomp カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Abstract Psychopomp palette

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

Abstract Psychopomp カラー パレット PNG 画像

Download abstract psychopomp color palette PNG image (landscape)
Download abstract psychopomp color palette PNG image (square)

Abstract Psychopomp カラーパレット CSS

/* CSS */
.color-1 {
color: #f26e36;
}
.color-2 {
color: #c82d8a;
}
.color-3 {
color: #715d92;
}
.color-4 {
color: #b6d64c;
}
.color-5 {
color: #3eb6b2;
}

/* CSS Variables */
:root {
--color-1: #f26e36;
 --color-2: #c82d8a;
 --color-3: #715d92;
 --color-4: #b6d64c;
 --color-5: #3eb6b2;
 }

Abstract Psychopomp の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f26e36, #c82d8a, #715d92, #b6d64c, #3eb6b2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f26e36, #c82d8a, #715d92, #b6d64c, #3eb6b2);
}

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

Abstract Psychopomp color palette created on .