High School カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with High School palette

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

High School カラー パレット PNG 画像

Download high school color palette PNG image (landscape)
Download high school color palette PNG image (square)

High School カラーパレット CSS

/* CSS */
.color-1 {
color: #00ebb8;
}
.color-2 {
color: #00b2d1;
}
.color-3 {
color: #9140ce;
}
.color-4 {
color: #d10ace;
}
.color-5 {
color: #fc4fba;
}

/* CSS Variables */
:root {
--color-1: #00ebb8;
 --color-2: #00b2d1;
 --color-3: #9140ce;
 --color-4: #d10ace;
 --color-5: #fc4fba;
 }

High School の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00ebb8, #00b2d1, #9140ce, #d10ace, #fc4fba);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00ebb8, #00b2d1, #9140ce, #d10ace, #fc4fba);
}

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

High School color palette created on .