Bright Blue Beach カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Bright Blue Beach palette

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

Bright Blue Beach カラー パレット PNG 画像

Download bright blue beach color palette PNG image (landscape)
Download bright blue beach color palette PNG image (square)

Bright Blue Beach カラーパレット CSS

/* CSS */
.color-1 {
color: #00bfff;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #32cd32;
}
.color-5 {
color: #ff1492;
}

/* CSS Variables */
:root {
--color-1: #00bfff;
 --color-2: #ff6e61;
 --color-3: #ffd900;
 --color-4: #32cd32;
 --color-5: #ff1492;
 }

Bright Blue Beach の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bfff, #ff6e61, #ffd900, #32cd32, #ff1492);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bfff, #ff6e61, #ffd900, #32cd32, #ff1492);
}

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

下にスクロールして2個のY2Kカラーパレットを探索しましょう

Bright Blue Beach color palette created on .