Paste a 5-color swatch from RGB Color Vis (e.g., 8A7B96,7B968A,968A7B,627C70,ADA397) or click Randomize. Select a section (background, header, nav, content, footer, or accent) using the dropdown or by clicking it. Hover over a swatch to preview the color change. Click a swatch to apply the color. Edit content directly in the content section (type or paste HTML). Select alignment (center or percentage). Check "Include Rich Content Template" for extra sample content or "Make Accent a Back-to-Top Link" for an interactive accent. Use the export buttons to download your design as HTML+CSS, HTML only, or CSS only.
1. Enter 5 hex codes or click Randomize to set colors.
2. Choose a section (background, header, nav, content, footer, accent) using the dropdown or by clicking it.
3. Hover over a swatch to preview, click to apply.
4. Edit content directly in the content section (type or paste HTML).
5. Check "Rich Content" or "Back-to-Top Link" for extra export features.
6. Export your design as HTML+CSS, HTML, or CSS.