Steven Magnet カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Steven Magnet palette

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

Steven Magnet カラー パレット PNG 画像

Download steven magnet color palette PNG image (landscape)
Download steven magnet color palette PNG image (square)

Steven Magnet カラーパレット CSS

/* CSS */
.color-1 {
color: #1b8e9d;
}
.color-2 {
color: #3cb4b4;
}
.color-3 {
color: #5ed4c6;
}
.color-4 {
color: #7fe1de;
}
.color-5 {
color: #aff8f6;
}

/* CSS Variables */
:root {
--color-1: #1b8e9d;
 --color-2: #3cb4b4;
 --color-3: #5ed4c6;
 --color-4: #7fe1de;
 --color-5: #aff8f6;
 }

Steven Magnet の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b8e9d, #3cb4b4, #5ed4c6, #7fe1de, #aff8f6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b8e9d, #3cb4b4, #5ed4c6, #7fe1de, #aff8f6);
}

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

Steven Magnet color palette created on .