Звездочная змейка カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Звездочная змейка palette

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

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

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

Звездочная змейка カラーパレット (PNG) をダウンロード

Download звездочная змейка color palette PNG image (landscape)
Download звездочная змейка color palette PNG image (square)

Звездочная змейка カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f8e;
}
.color-2 {
color: #5c5cb2;
}
.color-3 {
color: #8d8dc8;
}
.color-4 {
color: #aeaee0;
}
.color-5 {
color: #f0c1d6;
}

/* CSS Variables */
:root {
--color-1: #1f1f8e;
 --color-2: #5c5cb2;
 --color-3: #8d8dc8;
 --color-4: #aeaee0;
 --color-5: #f0c1d6;
 }

Звездочная змейка の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f8e, #5c5cb2, #8d8dc8, #aeaee0, #f0c1d6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f8e, #5c5cb2, #8d8dc8, #aeaee0, #f0c1d6);
}

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

Звездочная змейка color palette created on .