Lavender Whisper カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Lavender Whisper palette
Lavender Whisper カラーパレット CSS
/* CSS */
.color-1 {
color: #e4d7ea;
}
.color-2 {
color: #c5a0d4;
}
.color-3 {
color: #b88bc1;
}
.color-4 {
color: #905da2;
}
.color-5 {
color: #7b5e8d;
}
/* CSS Variables */
:root {
--color-1: #e4d7ea;
--color-2: #c5a0d4;
--color-3: #b88bc1;
--color-4: #905da2;
--color-5: #7b5e8d;
}
Lavender Whisper の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e4d7ea, #c5a0d4, #b88bc1, #905da2, #7b5e8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e4d7ea, #c5a0d4, #b88bc1, #905da2, #7b5e8d);
}
似たようなカラーパレット
- Purple Moonlight
- Purple Blush
- Shades of Pink
- Shades of Purple
- Whimsical Witches' Brew
- Celestial Dreams
- Purple Hadesse
- Celestial Blossom
- Celestial Dreams
- Purple Freesia
- Midnight Reverie
- Shades of Purple
- Underworld Elegance
- Ethereal Void
- Whispers of Iris
- Enigmatic Amethyst Dreams
- Shades of Yellow and Pink
- Celestial Harmony
Lavender Whisper color palette created on .