Loading...

Brown Bubble Tea カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Brown Bubble Tea palette

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

Brown Bubble Tea カラーパレット (PNG) をダウンロード

Download brown bubble tea color palette PNG image (landscape)
Download brown bubble tea color palette PNG image (square)

Brown Bubble Tea カラーパレット CSS

/* CSS */
.color-1 {
color: #794a39;
}
.color-2 {
color: #c3a17f;
}
.color-3 {
color: #f2d1b0;
}
.color-4 {
color: #ebcda2;
}
.color-5 {
color: #f6e4c1;
}

/* CSS Variables */
:root {
--color-1: #794a39;
 --color-2: #c3a17f;
 --color-3: #f2d1b0;
 --color-4: #ebcda2;
 --color-5: #f6e4c1;
 }

Brown Bubble Tea の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #794a39, #c3a17f, #f2d1b0, #ebcda2, #f6e4c1);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #794a39, #c3a17f, #f2d1b0, #ebcda2, #f6e4c1);
}

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

Brown Bubble Tea color palette created on .