Speedy Skies and Golden Trails カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Speedy Skies and Golden Trails palette

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

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

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

Speedy Skies and Golden Trails カラーパレット (PNG) をダウンロード

Download speedy skies and golden trails color palette PNG image (landscape)
Download speedy skies and golden trails color palette PNG image (square)

Speedy Skies and Golden Trails カラーパレット CSS

/* CSS */
.color-1 {
color: #00a5e0;
}
.color-2 {
color: #6cd7e5;
}
.color-3 {
color: #a3e6e1;
}
.color-4 {
color: #f5c400;
}
.color-5 {
color: #ff6d1f;
}

/* CSS Variables */
:root {
--color-1: #00a5e0;
 --color-2: #6cd7e5;
 --color-3: #a3e6e1;
 --color-4: #f5c400;
 --color-5: #ff6d1f;
 }

Speedy Skies and Golden Trails の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00a5e0, #6cd7e5, #a3e6e1, #f5c400, #ff6d1f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00a5e0, #6cd7e5, #a3e6e1, #f5c400, #ff6d1f);
}

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

Speedy Skies and Golden Trails color palette created on .