Purple Sunset カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Purple Sunset palette
Purple Sunset カラーパレット CSS
/* CSS */
.color-1 {
color: #8d6d8d;
}
.color-2 {
color: #4b3d4d;
}
.color-3 {
color: #af9fc1;
}
.color-4 {
color: #f5c7d6;
}
.color-5 {
color: #ffb84d;
}
/* CSS Variables */
:root {
--color-1: #8d6d8d;
--color-2: #4b3d4d;
--color-3: #af9fc1;
--color-4: #f5c7d6;
--color-5: #ffb84d;
}
Purple Sunset の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8d6d8d, #4b3d4d, #af9fc1, #f5c7d6, #ffb84d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8d6d8d, #4b3d4d, #af9fc1, #f5c7d6, #ffb84d);
}
似たようなカラーパレット
- Enchanted Grove
- Orange Sunset
- Amethyst Elegance
- Amethyst Radiance
- Purple Diamond Delight
- Mystical Amethyst Dream
- Vibrant Purple
- Blue Tornado
- Sunny Yolk Delight
- Shades of Apple Green
- Mystic Amethyst Dreams
- Dandy Delight
- Radio Red
- Orange Sunset
- Sunkissed Desert Blooms
- Vibrant Orange
- Avocado Dreamscape
- Cinematic Blossoms
Purple Sunset color palette created on .