Rose Hip Teahouse カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rose Hip Teahouse palette

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

Rose Hip Teahouse カラー パレット PNG 画像

Download rose hip teahouse color palette PNG image (landscape)
Download rose hip teahouse color palette PNG image (square)

Rose Hip Teahouse カラーパレット CSS

/* CSS */
.color-1 {
color: #eab8d1;
}
.color-2 {
color: #d66b99;
}
.color-3 {
color: #c55979;
}
.color-4 {
color: #a76c9d;
}
.color-5 {
color: #6a3e74;
}

/* CSS Variables */
:root {
--color-1: #eab8d1;
 --color-2: #d66b99;
 --color-3: #c55979;
 --color-4: #a76c9d;
 --color-5: #6a3e74;
 }

Rose Hip Teahouse の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #eab8d1, #d66b99, #c55979, #a76c9d, #6a3e74);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #eab8d1, #d66b99, #c55979, #a76c9d, #6a3e74);
}

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

Rose Hip Teahouse color palette created on .