Isagi Yoichi カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Isagi Yoichi palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

Download isagi yoichi color palette PNG image (landscape)
Download isagi yoichi color palette PNG image (square)

Isagi Yoichi カラーパレット CSS

/* CSS */
.color-1 {
color: #d3d5e4;
}
.color-2 {
color: #a0b2cf;
}
.color-3 {
color: #4f6e8c;
}
.color-4 {
color: #2d4d5c;
}
.color-5 {
color: #1e3a3e;
}

/* CSS Variables */
:root {
--color-1: #d3d5e4;
 --color-2: #a0b2cf;
 --color-3: #4f6e8c;
 --color-4: #2d4d5c;
 --color-5: #1e3a3e;
 }

Isagi Yoichi の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d3d5e4, #a0b2cf, #4f6e8c, #2d4d5c, #1e3a3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d3d5e4, #a0b2cf, #4f6e8c, #2d4d5c, #1e3a3e);
}

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

Isagi Yoichi color palette created on .