Catwertyuiuyttr カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Catwertyuiuyttr palette

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

Catwertyuiuyttr カラー パレット PNG 画像

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

Catwertyuiuyttr カラーパレット CSS

/* CSS */
.color-1 {
color: #c1b1d8;
}
.color-2 {
color: #a46aa0;
}
.color-3 {
color: #e3a6c7;
}
.color-4 {
color: #f9d8a4;
}
.color-5 {
color: #ff6b6b;
}

/* CSS Variables */
:root {
--color-1: #c1b1d8;
 --color-2: #a46aa0;
 --color-3: #e3a6c7;
 --color-4: #f9d8a4;
 --color-5: #ff6b6b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c1b1d8, #a46aa0, #e3a6c7, #f9d8a4, #ff6b6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c1b1d8, #a46aa0, #e3a6c7, #f9d8a4, #ff6b6b);
}

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

Catwertyuiuyttr color palette created on .