Cute Cat Psycho カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Cute Cat Psycho palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Cute Cat Psycho カラーパレット (PNG) をダウンロード
Cute Cat Psycho カラーパレット CSS
/* CSS */
.color-1 {
color: #f5a524;
}
.color-2 {
color: #f8e61b;
}
.color-3 {
color: #50e2c3;
}
.color-4 {
color: #b8e986;
}
.color-5 {
color: #bd10e0;
}
/* CSS Variables */
:root {
--color-1: #f5a524;
--color-2: #f8e61b;
--color-3: #50e2c3;
--color-4: #b8e986;
--color-5: #bd10e0;
}
Cute Cat Psycho の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5a524, #f8e61b, #50e2c3, #b8e986, #bd10e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5a524, #f8e61b, #50e2c3, #b8e986, #bd10e0);
}
似たようなカラーパレット
Cute Cat Psycho color palette created on .