Warm Zlonky カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Warm Zlonky palette

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

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

Download warm zlonky color palette PNG image (landscape)
Download warm zlonky color palette PNG image (square)

Warm Zlonky カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ffcb5c;
}
.color-3 {
color: #88d8b0;
}
.color-4 {
color: #698c91;
}
.color-5 {
color: #4b4e6c;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ffcb5c;
 --color-3: #88d8b0;
 --color-4: #698c91;
 --color-5: #4b4e6c;
 }

Warm Zlonky の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ffcb5c, #88d8b0, #698c91, #4b4e6c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ffcb5c, #88d8b0, #698c91, #4b4e6c);
}

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

Warm Zlonky color palette created on .