Crème Brûlée Delight カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Crème Brûlée Delight palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Crème Brûlée Delight カラーパレット (PNG) をダウンロード
Crème Brûlée Delight カラーパレット CSS
/* CSS */
.color-1 {
color: #f7e2b6;
}
.color-2 {
color: #e2c59c;
}
.color-3 {
color: #d5a96c;
}
.color-4 {
color: #c7904d;
}
.color-5 {
color: #b56c3b;
}
/* CSS Variables */
:root {
--color-1: #f7e2b6;
--color-2: #e2c59c;
--color-3: #d5a96c;
--color-4: #c7904d;
--color-5: #b56c3b;
}
Crème Brûlée Delight の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7e2b6, #e2c59c, #d5a96c, #c7904d, #b56c3b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7e2b6, #e2c59c, #d5a96c, #c7904d, #b56c3b);
}
似たようなカラーパレット
下にスクロールして3個のcolors.creamyカラーパレットを探索しましょう
Crème Brûlée Delight color palette created on .