Diamond Tiara カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Diamond Tiara palette

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

Diamond Tiara カラー パレット PNG 画像

Download diamond tiara color palette PNG image (landscape)
Download diamond tiara color palette PNG image (square)

Diamond Tiara カラーパレット CSS

/* CSS */
.color-1 {
color: #b8c8e0;
}
.color-2 {
color: #e3a5d4;
}
.color-3 {
color: #f3b4c8;
}
.color-4 {
color: #f6d58e;
}
.color-5 {
color: #a2d7b9;
}

/* CSS Variables */
:root {
--color-1: #b8c8e0;
 --color-2: #e3a5d4;
 --color-3: #f3b4c8;
 --color-4: #f6d58e;
 --color-5: #a2d7b9;
 }

Diamond Tiara の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b8c8e0, #e3a5d4, #f3b4c8, #f6d58e, #a2d7b9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b8c8e0, #e3a5d4, #f3b4c8, #f6d58e, #a2d7b9);
}

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

Diamond Tiara color palette created on .