Raven's Perch カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Raven's Perch palette

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

Raven's Perch カラー パレット PNG 画像

Download raven's perch color palette PNG image (landscape)
Download raven's perch color palette PNG image (square)

Raven's Perch カラーパレット CSS

/* CSS */
.color-1 {
color: #1d202a;
}
.color-2 {
color: #4a4d59;
}
.color-3 {
color: #6f7480;
}
.color-4 {
color: #b0c4cf;
}
.color-5 {
color: #e7eaee;
}

/* CSS Variables */
:root {
--color-1: #1d202a;
 --color-2: #4a4d59;
 --color-3: #6f7480;
 --color-4: #b0c4cf;
 --color-5: #e7eaee;
 }

Raven's Perch の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d202a, #4a4d59, #6f7480, #b0c4cf, #e7eaee);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d202a, #4a4d59, #6f7480, #b0c4cf, #e7eaee);
}

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

Raven's Perch color palette created on .