What Have You Done? カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with What Have You Done? palette

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

What Have You Done? カラーパレット (PNG) をダウンロード

Download what have you done? color palette PNG image (landscape)
Download what have you done? color palette PNG image (square)

What Have You Done? カラーパレット CSS

/* CSS */
.color-1 {
color: #e63746;
}
.color-2 {
color: #f2faef;
}
.color-3 {
color: #a7dadc;
}
.color-4 {
color: #447a9c;
}
.color-5 {
color: #1d3658;
}

/* CSS Variables */
:root {
--color-1: #e63746;
 --color-2: #f2faef;
 --color-3: #a7dadc;
 --color-4: #447a9c;
 --color-5: #1d3658;
 }

What Have You Done? の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e63746, #f2faef, #a7dadc, #447a9c, #1d3658);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e63746, #f2faef, #a7dadc, #447a9c, #1d3658);
}

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

What Have You Done? color palette created on .