Lesbian Pride カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lesbian Pride palette

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

Lesbian Pride カラー パレット PNG 画像

Download lesbian pride color palette PNG image (landscape)
Download lesbian pride color palette PNG image (square)

Lesbian Pride カラーパレット CSS

/* CSS */
.color-1 {
color: #d6006f;
}
.color-2 {
color: #ff6d1f;
}
.color-3 {
color: #ffb700;
}
.color-4 {
color: #f5f4ef;
}
.color-5 {
color: #a3c7f0;
}

/* CSS Variables */
:root {
--color-1: #d6006f;
 --color-2: #ff6d1f;
 --color-3: #ffb700;
 --color-4: #f5f4ef;
 --color-5: #a3c7f0;
 }

Lesbian Pride の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d6006f, #ff6d1f, #ffb700, #f5f4ef, #a3c7f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d6006f, #ff6d1f, #ffb700, #f5f4ef, #a3c7f0);
}

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

Lesbian Pride color palette created on .