Lexus カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lexus palette

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

Lexus カラー パレット PNG 画像

Download lexus color palette PNG image (landscape)
Download lexus color palette PNG image (square)

Lexus カラーパレット CSS

/* CSS */
.color-1 {
color: #1d3d9a;
}
.color-2 {
color: #4d6db3;
}
.color-3 {
color: #7ca1d5;
}
.color-4 {
color: #a4c6e0;
}
.color-5 {
color: #e2f2f8;
}

/* CSS Variables */
:root {
--color-1: #1d3d9a;
 --color-2: #4d6db3;
 --color-3: #7ca1d5;
 --color-4: #a4c6e0;
 --color-5: #e2f2f8;
 }

Lexus の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1d3d9a, #4d6db3, #7ca1d5, #a4c6e0, #e2f2f8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1d3d9a, #4d6db3, #7ca1d5, #a4c6e0, #e2f2f8);
}

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

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

Lexus color palette created on .