Unity Day カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Unity Day palette

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

Unity Day カラーパレット (PNG) をダウンロード

Download unity day color palette PNG image (landscape)
Download unity day color palette PNG image (square)

Unity Day カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #69bf9e;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #e13e33;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #69bf9e;
 --color-3: #ffd900;
 --color-4: #ffb84d;
 --color-5: #e13e33;
 }

Unity Day の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #69bf9e, #ffd900, #ffb84d, #e13e33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #69bf9e, #ffd900, #ffb84d, #e13e33);
}

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

Unity Day color palette created on .