Tommyinnit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tommyinnit palette

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

Tommyinnit カラー パレット PNG 画像

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

Tommyinnit カラーパレット CSS

/* CSS */
.color-1 {
color: #ffb3c2;
}
.color-2 {
color: #ffc34d;
}
.color-3 {
color: #8ed8e6;
}
.color-4 {
color: #4d8bff;
}
.color-5 {
color: #6d5b9a;
}

/* CSS Variables */
:root {
--color-1: #ffb3c2;
 --color-2: #ffc34d;
 --color-3: #8ed8e6;
 --color-4: #4d8bff;
 --color-5: #6d5b9a;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffb3c2, #ffc34d, #8ed8e6, #4d8bff, #6d5b9a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffb3c2, #ffc34d, #8ed8e6, #4d8bff, #6d5b9a);
}

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

Tommyinnit color palette created on .