Teal Tuna カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Teal Tuna palette

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

Teal Tuna カラー パレット PNG 画像

Download teal tuna color palette PNG image (landscape)
Download teal tuna color palette PNG image (square)

Teal Tuna カラーパレット CSS

/* CSS */
.color-1 {
color: #2a9d90;
}
.color-2 {
color: #e8c468;
}
.color-3 {
color: #f4a462;
}
.color-4 {
color: #e76e50;
}
.color-5 {
color: #274754;
}

/* CSS Variables */
:root {
--color-1: #2a9d90;
 --color-2: #e8c468;
 --color-3: #f4a462;
 --color-4: #e76e50;
 --color-5: #274754;
 }

Teal Tuna の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2a9d90, #e8c468, #f4a462, #e76e50, #274754);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2a9d90, #e8c468, #f4a462, #e76e50, #274754);
}

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

Teal Tuna color palette created on .