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