Electric Tropics カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Electric Tropics palette

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

Electric Tropics カラー パレット PNG 画像

Download electric tropics color palette PNG image (landscape)
Download electric tropics color palette PNG image (square)

Electric Tropics カラーパレット CSS

/* CSS */
.color-1 {
color: #00b3aa;
}
.color-2 {
color: #ff4d7f;
}
.color-3 {
color: #0066cc;
}
.color-4 {
color: #ff6d1f;
}
.color-5 {
color: #333333;
}

/* CSS Variables */
:root {
--color-1: #00b3aa;
 --color-2: #ff4d7f;
 --color-3: #0066cc;
 --color-4: #ff6d1f;
 --color-5: #333333;
 }

Electric Tropics の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00b3aa, #ff4d7f, #0066cc, #ff6d1f, #333333);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00b3aa, #ff4d7f, #0066cc, #ff6d1f, #333333);
}

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

下にスクロールして5個のターコイズカラーパレットを探索しましょう

Electric Tropics color palette created on .