Queen of Cards カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Queen of Cards palette

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

Queen of Cards カラー パレット PNG 画像

Download queen of cards color palette PNG image (landscape)
Download queen of cards color palette PNG image (square)

Queen of Cards カラーパレット CSS

/* CSS */
.color-1 {
color: #b92d2d;
}
.color-2 {
color: #f0a800;
}
.color-3 {
color: #f2d75f;
}
.color-4 {
color: #d6b3d0;
}
.color-5 {
color: #5e4b8b;
}

/* CSS Variables */
:root {
--color-1: #b92d2d;
 --color-2: #f0a800;
 --color-3: #f2d75f;
 --color-4: #d6b3d0;
 --color-5: #5e4b8b;
 }

Queen of Cards の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b92d2d, #f0a800, #f2d75f, #d6b3d0, #5e4b8b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b92d2d, #f0a800, #f2d75f, #d6b3d0, #5e4b8b);
}

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

Queen of Cards color palette created on .