Loading...

Yin and Yang カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Yin and Yang palette

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

Yin and Yang カラーパレット (PNG) をダウンロード

Download yin and yang color palette PNG image (landscape)
Download yin and yang color palette PNG image (square)

Yin and Yang カラーパレット CSS

/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #000000;
}
.color-3 {
color: #cccccc;
}
.color-4 {
color: #666666;
}
.color-5 {
color: #333333;
}

/* CSS Variables */
:root {
--color-1: #ffffff;
 --color-2: #000000;
 --color-3: #cccccc;
 --color-4: #666666;
 --color-5: #333333;
 }

Yin and Yang の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #000000, #cccccc, #666666, #333333);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #000000, #cccccc, #666666, #333333);
}

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

Yin and Yang color palette created on .