George Drew カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with George Drew palette

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

George Drew カラー パレット PNG 画像

Download george drew color palette PNG image (landscape)
Download george drew color palette PNG image (square)

George Drew カラーパレット CSS

/* CSS */
.color-1 {
color: #151b23;
}
.color-2 {
color: #1e252f;
}
.color-3 {
color: #243333;
}
.color-4 {
color: #2f4236;
}
.color-5 {
color: #443731;
}

/* CSS Variables */
:root {
--color-1: #151b23;
 --color-2: #1e252f;
 --color-3: #243333;
 --color-4: #2f4236;
 --color-5: #443731;
 }

George Drew の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #151b23, #1e252f, #243333, #2f4236, #443731);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #151b23, #1e252f, #243333, #2f4236, #443731);
}

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

George Drew color palette created on .