Cherry Blossom Iced Tea カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Cherry Blossom Iced Tea palette
Cherry Blossom Iced Tea カラーパレット (PNG) をダウンロード
Cherry Blossom Iced Tea カラーパレット CSS
/* CSS */
.color-1 {
color: #f2b1c3;
}
.color-2 {
color: #f4d7e2;
}
.color-3 {
color: #e8c9d4;
}
.color-4 {
color: #ffc7b3;
}
.color-5 {
color: #dfa4b7;
}
/* CSS Variables */
:root {
--color-1: #f2b1c3;
--color-2: #f4d7e2;
--color-3: #e8c9d4;
--color-4: #ffc7b3;
--color-5: #dfa4b7;
} Cherry Blossom Iced Tea の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f2b1c3, #f4d7e2, #e8c9d4, #ffc7b3, #dfa4b7);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f2b1c3, #f4d7e2, #e8c9d4, #ffc7b3, #dfa4b7);
} 似たようなカラーパレット
Cherry Blossom Iced Tea color palette created on .