Inku Koroko カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Inku Koroko palette

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

Inku Koroko カラー パレット PNG 画像

Download inku koroko color palette PNG image (landscape)
Download inku koroko color palette PNG image (square)

Inku Koroko カラーパレット CSS

/* CSS */
.color-1 {
color: #1d2a77;
}
.color-2 {
color: #3d4b8a;
}
.color-3 {
color: #506b9b;
}
.color-4 {
color: #6b9cb3;
}
.color-5 {
color: #a9b2c6;
}

/* CSS Variables */
:root {
--color-1: #1d2a77;
 --color-2: #3d4b8a;
 --color-3: #506b9b;
 --color-4: #6b9cb3;
 --color-5: #a9b2c6;
 }

Inku Koroko の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d2a77, #3d4b8a, #506b9b, #6b9cb3, #a9b2c6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d2a77, #3d4b8a, #506b9b, #6b9cb3, #a9b2c6);
}

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

Inku Koroko color palette created on .