Isla Paradiso カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Isla Paradiso palette

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

Isla Paradiso カラー パレット PNG 画像

Download isla paradiso color palette PNG image (landscape)
Download isla paradiso color palette PNG image (square)

Isla Paradiso カラーパレット CSS

/* CSS */
.color-1 {
color: #1abc9c;
}
.color-2 {
color: #16a286;
}
.color-3 {
color: #f39c12;
}
.color-4 {
color: #e77e23;
}
.color-5 {
color: #d15400;
}

/* CSS Variables */
:root {
--color-1: #1abc9c;
 --color-2: #16a286;
 --color-3: #f39c12;
 --color-4: #e77e23;
 --color-5: #d15400;
 }

Isla Paradiso の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1abc9c, #16a286, #f39c12, #e77e23, #d15400);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1abc9c, #16a286, #f39c12, #e77e23, #d15400);
}

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

Isla Paradiso color palette created on .