Ai Hyperion カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ai Hyperion palette

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

Ai Hyperion カラー パレット PNG 画像

Download ai hyperion color palette PNG image (landscape)
Download ai hyperion color palette PNG image (square)

Ai Hyperion カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f56;
}
.color-2 {
color: #494992;
}
.color-3 {
color: #6d6dd0;
}
.color-4 {
color: #9e9ef5;
}
.color-5 {
color: #d1d1ff;
}

/* CSS Variables */
:root {
--color-1: #1f1f56;
 --color-2: #494992;
 --color-3: #6d6dd0;
 --color-4: #9e9ef5;
 --color-5: #d1d1ff;
 }

Ai Hyperion の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f56, #494992, #6d6dd0, #9e9ef5, #d1d1ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f56, #494992, #6d6dd0, #9e9ef5, #d1d1ff);
}

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

Ai Hyperion color palette created on .