Shoko Ieiri カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shoko Ieiri palette

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

Shoko Ieiri カラー パレット PNG 画像

Download shoko ieiri color palette PNG image (landscape)
Download shoko ieiri color palette PNG image (square)

Shoko Ieiri カラーパレット CSS

/* CSS */
.color-1 {
color: #ff9900;
}
.color-2 {
color: #ff5e00;
}
.color-3 {
color: #ff2b00;
}
.color-4 {
color: #ff0055;
}
.color-5 {
color: #ff007b;
}

/* CSS Variables */
:root {
--color-1: #ff9900;
 --color-2: #ff5e00;
 --color-3: #ff2b00;
 --color-4: #ff0055;
 --color-5: #ff007b;
 }

Shoko Ieiri の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff9900, #ff5e00, #ff2b00, #ff0055, #ff007b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff9900, #ff5e00, #ff2b00, #ff0055, #ff007b);
}

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

Shoko Ieiri color palette created on .