Loading...

Aqua Apex カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aqua Apex palette

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

Aqua Apex カラーパレット (PNG) をダウンロード

Download aqua apex color palette PNG image (landscape)
Download aqua apex color palette PNG image (square)

Aqua Apex カラーパレット CSS

/* CSS */
.color-1 {
color: #1f7c8e;
}
.color-2 {
color: #4bc0d8;
}
.color-3 {
color: #74e0e2;
}
.color-4 {
color: #a4f4f1;
}
.color-5 {
color: #f0f9f8;
}

/* CSS Variables */
:root {
--color-1: #1f7c8e;
 --color-2: #4bc0d8;
 --color-3: #74e0e2;
 --color-4: #a4f4f1;
 --color-5: #f0f9f8;
 }

Aqua Apex の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f7c8e, #4bc0d8, #74e0e2, #a4f4f1, #f0f9f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f7c8e, #4bc0d8, #74e0e2, #a4f4f1, #f0f9f8);
}

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

Aqua Apex color palette created on .