Crowley カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crowley palette

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

Crowley カラー パレット PNG 画像

Download crowley color palette PNG image (landscape)
Download crowley color palette PNG image (square)

Crowley カラーパレット CSS

/* CSS */
.color-1 {
color: #a42b1e;
}
.color-2 {
color: #d36b3c;
}
.color-3 {
color: #f5a14d;
}
.color-4 {
color: #f8d37c;
}
.color-5 {
color: #f9eab9;
}

/* CSS Variables */
:root {
--color-1: #a42b1e;
 --color-2: #d36b3c;
 --color-3: #f5a14d;
 --color-4: #f8d37c;
 --color-5: #f9eab9;
 }

Crowley の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a42b1e, #d36b3c, #f5a14d, #f8d37c, #f9eab9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a42b1e, #d36b3c, #f5a14d, #f8d37c, #f9eab9);
}

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

Crowley color palette created on .