Akito カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Akito palette

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

Akito カラー パレット PNG 画像

Download akito color palette PNG image (landscape)
Download akito color palette PNG image (square)

Akito カラーパレット CSS

/* CSS */
.color-1 {
color: #1a1f3d;
}
.color-2 {
color: #4a4e8c;
}
.color-3 {
color: #7d7fba;
}
.color-4 {
color: #b5c8f2;
}
.color-5 {
color: #f0a800;
}

/* CSS Variables */
:root {
--color-1: #1a1f3d;
 --color-2: #4a4e8c;
 --color-3: #7d7fba;
 --color-4: #b5c8f2;
 --color-5: #f0a800;
 }

Akito の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a1f3d, #4a4e8c, #7d7fba, #b5c8f2, #f0a800);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a1f3d, #4a4e8c, #7d7fba, #b5c8f2, #f0a800);
}

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

Akito color palette created on .