Kirino Ranmaru カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kirino Ranmaru palette

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

Kirino Ranmaru カラー パレット PNG 画像

Download kirino ranmaru color palette PNG image (landscape)
Download kirino ranmaru color palette PNG image (square)

Kirino Ranmaru カラーパレット CSS

/* CSS */
.color-1 {
color: #eab8d1;
}
.color-2 {
color: #d48cc8;
}
.color-3 {
color: #a77ccb;
}
.color-4 {
color: #7b5ddf;
}
.color-5 {
color: #498ada;
}

/* CSS Variables */
:root {
--color-1: #eab8d1;
 --color-2: #d48cc8;
 --color-3: #a77ccb;
 --color-4: #7b5ddf;
 --color-5: #498ada;
 }

Kirino Ranmaru の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #eab8d1, #d48cc8, #a77ccb, #7b5ddf, #498ada);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #eab8d1, #d48cc8, #a77ccb, #7b5ddf, #498ada);
}

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

Kirino Ranmaru color palette created on .