Black Cherry Merlot カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Black Cherry Merlot palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Black Cherry Merlot カラーパレット (PNG) をダウンロード
Black Cherry Merlot カラーパレット CSS
/* CSS */
.color-1 {
color: #4c1f3e;
}
.color-2 {
color: #6d2c44;
}
.color-3 {
color: #a45b73;
}
.color-4 {
color: #cca4b6;
}
.color-5 {
color: #e7c5d3;
}
/* CSS Variables */
:root {
--color-1: #4c1f3e;
--color-2: #6d2c44;
--color-3: #a45b73;
--color-4: #cca4b6;
--color-5: #e7c5d3;
}
Black Cherry Merlot の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4c1f3e, #6d2c44, #a45b73, #cca4b6, #e7c5d3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4c1f3e, #6d2c44, #a45b73, #cca4b6, #e7c5d3);
}
似たようなカラーパレット
Black Cherry Merlot color palette created on .