Dark Sanrio カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Sanrio palette

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

Dark Sanrio カラーパレット (PNG) をダウンロード

Download dark sanrio color palette PNG image (landscape)
Download dark sanrio color palette PNG image (square)

Dark Sanrio カラーパレット CSS

/* CSS */
.color-1 {
color: #22143e;
}
.color-2 {
color: #37205a;
}
.color-3 {
color: #5f2c6d;
}
.color-4 {
color: #7f395e;
}
.color-5 {
color: #914666;
}

/* CSS Variables */
:root {
--color-1: #22143e;
 --color-2: #37205a;
 --color-3: #5f2c6d;
 --color-4: #7f395e;
 --color-5: #914666;
 }

Dark Sanrio の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #22143e, #37205a, #5f2c6d, #7f395e, #914666);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #22143e, #37205a, #5f2c6d, #7f395e, #914666);
}

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

Dark Sanrio color palette created on .