Aventurine Green カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aventurine Green palette

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

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

Download aventurine green color palette PNG image (landscape)
Download aventurine green color palette PNG image (square)

Aventurine Green カラーパレット CSS

/* CSS */
.color-1 {
color: #a7d7b8;
}
.color-2 {
color: #6a9a8e;
}
.color-3 {
color: #4a7c7d;
}
.color-4 {
color: #3d5c5c;
}
.color-5 {
color: #2b4a4a;
}

/* CSS Variables */
:root {
--color-1: #a7d7b8;
 --color-2: #6a9a8e;
 --color-3: #4a7c7d;
 --color-4: #3d5c5c;
 --color-5: #2b4a4a;
 }

Aventurine Green の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a7d7b8, #6a9a8e, #4a7c7d, #3d5c5c, #2b4a4a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a7d7b8, #6a9a8e, #4a7c7d, #3d5c5c, #2b4a4a);
}

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

Aventurine Green color palette created on .