Dark Raven カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dark Raven palette

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

Dark Raven カラー パレット PNG 画像

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

Dark Raven カラーパレット CSS

/* CSS */
.color-1 {
color: #272f62;
}
.color-2 {
color: #3b4987;
}
.color-3 {
color: #5563af;
}
.color-4 {
color: #8588c7;
}
.color-5 {
color: #c9cbe8;
}

/* CSS Variables */
:root {
--color-1: #272f62;
 --color-2: #3b4987;
 --color-3: #5563af;
 --color-4: #8588c7;
 --color-5: #c9cbe8;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #272f62, #3b4987, #5563af, #8588c7, #c9cbe8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #272f62, #3b4987, #5563af, #8588c7, #c9cbe8);
}

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

Dark Raven color palette created on .