Jack Clover カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Jack Clover palette

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

Jack Clover カラー パレット PNG 画像

Download jack clover color palette PNG image (landscape)
Download jack clover color palette PNG image (square)

Jack Clover カラーパレット CSS

/* CSS */
.color-1 {
color: #a4daa8;
}
.color-2 {
color: #6fb8a0;
}
.color-3 {
color: #3d8a99;
}
.color-4 {
color: #2a6e8d;
}
.color-5 {
color: #1a4b7f;
}

/* CSS Variables */
:root {
--color-1: #a4daa8;
 --color-2: #6fb8a0;
 --color-3: #3d8a99;
 --color-4: #2a6e8d;
 --color-5: #1a4b7f;
 }

Jack Clover の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a4daa8, #6fb8a0, #3d8a99, #2a6e8d, #1a4b7f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a4daa8, #6fb8a0, #3d8a99, #2a6e8d, #1a4b7f);
}

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

Jack Clover color palette created on .