Cory2000sy2k カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cory2000sy2k palette

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

Cory2000sy2k カラー パレット PNG 画像

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

Cory2000sy2k カラーパレット CSS

/* CSS */
.color-1 {
color: #efe5fa;
}
.color-2 {
color: #ecebfa;
}
.color-3 {
color: #ecebfa;
}
.color-4 {
color: #eeeefb;
}
.color-5 {
color: #eae1f9;
}

/* CSS Variables */
:root {
--color-1: #efe5fa;
 --color-2: #ecebfa;
 --color-3: #ecebfa;
 --color-4: #eeeefb;
 --color-5: #eae1f9;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #efe5fa, #ecebfa, #ecebfa, #eeeefb, #eae1f9);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #efe5fa, #ecebfa, #ecebfa, #eeeefb, #eae1f9);
}

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

Cory2000sy2k color palette created on .