Looey Dandy's World カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Looey Dandy's World palette

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

Looey Dandy's World カラーパレット (PNG) をダウンロード

Download looey dandy's world color palette PNG image (landscape)
Download looey dandy's world color palette PNG image (square)

Looey Dandy's World カラーパレット CSS

/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #af6fe7;
}
.color-3 {
color: #f1d579;
}
.color-4 {
color: #0b050f;
}
.color-5 {
color: #84f570;
}

/* CSS Variables */
:root {
--color-1: #ffffff;
 --color-2: #af6fe7;
 --color-3: #f1d579;
 --color-4: #0b050f;
 --color-5: #84f570;
 }

Looey Dandy's World の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #af6fe7, #f1d579, #0b050f, #84f570);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #af6fe7, #f1d579, #0b050f, #84f570);
}

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

Looey Dandy's World color palette created on .