Biru Langit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Biru Langit palette

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

Biru Langit カラー パレット PNG 画像

Download biru langit color palette PNG image (landscape)
Download biru langit color palette PNG image (square)

Biru Langit カラーパレット CSS

/* CSS */
.color-1 {
color: #0092d6;
}
.color-2 {
color: #00b0e0;
}
.color-3 {
color: #5ae0f2;
}
.color-4 {
color: #a6e7f7;
}
.color-5 {
color: #c7f9ff;
}

/* CSS Variables */
:root {
--color-1: #0092d6;
 --color-2: #00b0e0;
 --color-3: #5ae0f2;
 --color-4: #a6e7f7;
 --color-5: #c7f9ff;
 }

Biru Langit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #0092d6, #00b0e0, #5ae0f2, #a6e7f7, #c7f9ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #0092d6, #00b0e0, #5ae0f2, #a6e7f7, #c7f9ff);
}

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

Biru Langit color palette created on .