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