Keychains of Random Stuff カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Keychains of Random Stuff palette

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

Keychains of Random Stuff カラーパレット (PNG) をダウンロード

Download keychains of random stuff color palette PNG image (landscape)
Download keychains of random stuff color palette PNG image (square)

Keychains of Random Stuff カラーパレット CSS

/* CSS */
.color-1 {
color: #28cca9;
}
.color-2 {
color: #f9a858;
}
.color-3 {
color: #f8e149;
}
.color-4 {
color: #f04755;
}
.color-5 {
color: #9f2871;
}

/* CSS Variables */
:root {
--color-1: #28cca9;
 --color-2: #f9a858;
 --color-3: #f8e149;
 --color-4: #f04755;
 --color-5: #9f2871;
 }

Keychains of Random Stuff の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #28cca9, #f9a858, #f8e149, #f04755, #9f2871);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #28cca9, #f9a858, #f8e149, #f04755, #9f2871);
}

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

下にスクロールして4個のアクアカラーパレットを探索しましょう

Keychains of Random Stuff color palette created on .