Gay Little Pony カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Gay Little Pony palette

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

Gay Little Pony カラーパレット (PNG) をダウンロード

Download gay little pony color palette PNG image (landscape)
Download gay little pony color palette PNG image (square)

Gay Little Pony カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffa142;
}
.color-3 {
color: #ffcb2e;
}
.color-4 {
color: #a2d7cf;
}
.color-5 {
color: #6b5b95;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffa142;
 --color-3: #ffcb2e;
 --color-4: #a2d7cf;
 --color-5: #6b5b95;
 }

Gay Little Pony の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffa142, #ffcb2e, #a2d7cf, #6b5b95);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffa142, #ffcb2e, #a2d7cf, #6b5b95);
}

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

Gay Little Pony color palette created on .