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