Xavier Cox カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Xavier Cox palette

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

Xavier Cox カラーパレット (PNG) をダウンロード

Download xavier cox color palette PNG image (landscape)
Download xavier cox color palette PNG image (square)

Xavier Cox カラーパレット CSS

/* CSS */
.color-1 {
color: #f1a8a2;
}
.color-2 {
color: #f5c7d1;
}
.color-3 {
color: #f8e1d3;
}
.color-4 {
color: #e4b5a0;
}
.color-5 {
color: #d58b8f;
}

/* CSS Variables */
:root {
--color-1: #f1a8a2;
 --color-2: #f5c7d1;
 --color-3: #f8e1d3;
 --color-4: #e4b5a0;
 --color-5: #d58b8f;
 }

Xavier Cox の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a8a2, #f5c7d1, #f8e1d3, #e4b5a0, #d58b8f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a8a2, #f5c7d1, #f8e1d3, #e4b5a0, #d58b8f);
}

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

Xavier Cox color palette created on .