Plasmo Kinesis カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Plasmo Kinesis palette

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

Plasmo Kinesis カラー パレット PNG 画像

Download plasmo kinesis color palette PNG image (landscape)
Download plasmo kinesis color palette PNG image (square)

Plasmo Kinesis カラーパレット CSS

/* CSS */
.color-1 {
color: #4a0080;
}
.color-2 {
color: #690dab;
}
.color-3 {
color: #9f1fef;
}
.color-4 {
color: #ff8052;
}
.color-5 {
color: #ffcc00;
}

/* CSS Variables */
:root {
--color-1: #4a0080;
 --color-2: #690dab;
 --color-3: #9f1fef;
 --color-4: #ff8052;
 --color-5: #ffcc00;
 }

Plasmo Kinesis の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a0080, #690dab, #9f1fef, #ff8052, #ffcc00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a0080, #690dab, #9f1fef, #ff8052, #ffcc00);
}

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

Plasmo Kinesis color palette created on .