🧰 Web Dev Toolbox

Praktische Online-Tools für deine tägliche Webentwicklung: Playgrounds, Validatoren, Farbwähler und mehr.

💻 Code Playgrounds

CodePen

Teste HTML, CSS & JavaScript direkt im Browser und teile deine Snippets mit anderen.

Open CodePen

JSFiddle

Online-Playground mit Live-Preview und einfacher Code-Struktur.

Open JSFiddle

StackBlitz

Erstelle komplette Web-Apps in Angular, React, Vue oder Vanilla JS – direkt online.

Open StackBlitz

PlayCode

Schneller Browser-basierter Editor mit sofortiger Vorschau und einfachem Sharing.

Open PlayCode

✅ Validatoren & Checker

W3C HTML Validator

Prüft deinen HTML-Code auf Fehler, Strukturprobleme und Barrierefreiheit.

Open Validator

W3C CSS Validator

Teste dein CSS auf Syntax-Fehler und überprüfe Standardkonformität.

Open Validator

JavaScript Linter (ESLint)

Analysiere deinen JavaScript-Code auf Syntaxfehler, Best Practices und Style-Verstöße.

Try ESLint Online

Accessibility Checker

Prüft Websites auf Barrierefreiheit, Kontrast und ARIA-Fehler.

Open WAVE Tool

🎨 Farbwähler & Paletten

Color Hunt

Inspiration für moderne Farbpaletten, ideal für Webdesign & Branding.

Explore Color Hunt

Coolors

Automatisch generierte Farbpaletten mit Exportfunktion für CSS & Design-Tools.

Open Coolors

HTML Color Codes

Schneller Zugriff auf HEX-, RGB- und HSL-Werte mit Live-Farbvorschau.

Go to HTMLColorCodes

Material Design Colors

Farbpaletten im Google-Style für moderne Interfaces.

View Material Colors