Tinkaton カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tinkaton palette

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

Tinkaton カラー パレット PNG 画像

Download tinkaton color palette PNG image (landscape)
Download tinkaton color palette PNG image (square)

Tinkaton カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #e6b800;
}
.color-3 {
color: #ffcc00;
}
.color-4 {
color: #ffdb4d;
}
.color-5 {
color: #ffd900;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #e6b800;
 --color-3: #ffcc00;
 --color-4: #ffdb4d;
 --color-5: #ffd900;
 }

Tinkaton の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #e6b800, #ffcc00, #ffdb4d, #ffd900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #e6b800, #ffcc00, #ffdb4d, #ffd900);
}

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

Tinkaton color palette created on .