Iris Goddess of the Rainbow カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Iris Goddess of the Rainbow palette
Iris Goddess of the Rainbow カラー パレット PNG 画像
Iris Goddess of the Rainbow カラーパレット CSS
/* CSS */
.color-1 {
color: #7b1fa3;
}
.color-2 {
color: #a61c4c;
}
.color-3 {
color: #f5a300;
}
.color-4 {
color: #6ecf7b;
}
.color-5 {
color: #4b91e2;
}
/* CSS Variables */
:root {
--color-1: #7b1fa3;
--color-2: #a61c4c;
--color-3: #f5a300;
--color-4: #6ecf7b;
--color-5: #4b91e2;
} Iris Goddess of the Rainbow の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7b1fa3, #a61c4c, #f5a300, #6ecf7b, #4b91e2);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7b1fa3, #a61c4c, #f5a300, #6ecf7b, #4b91e2);
} 似たようなカラーパレット
下にスクロールして1000+個のcolors.irisカラーパレットを探索しましょう
Iris Goddess of the Rainbow color palette created on .