Tokyo Japan カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tokyo Japan palette

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

Tokyo Japan カラー パレット PNG 画像

Download tokyo japan color palette PNG image (landscape)
Download tokyo japan color palette PNG image (square)

Tokyo Japan カラーパレット CSS

/* CSS */
.color-1 {
color: #f5a300;
}
.color-2 {
color: #f8d77c;
}
.color-3 {
color: #ffb4a8;
}
.color-4 {
color: #d03e6c;
}
.color-5 {
color: #3b5b9b;
}

/* CSS Variables */
:root {
--color-1: #f5a300;
 --color-2: #f8d77c;
 --color-3: #ffb4a8;
 --color-4: #d03e6c;
 --color-5: #3b5b9b;
 }

Tokyo Japan の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a300, #f8d77c, #ffb4a8, #d03e6c, #3b5b9b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a300, #f8d77c, #ffb4a8, #d03e6c, #3b5b9b);
}

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

Tokyo Japan color palette created on .