Kostenlose Werkzeuge für Webdesign
Nutze alle Umrechner und Generatoren von WPDean auf Deutsch. Erstelle CSS und HTML, wandle Farben um oder berechne Maße mit dem passenden Werkzeug.
Barrierefreie Farbpaletten erstellen
Dieser Generator für barrierefreie Farbpaletten erstellt aus einer Grundfarbe eine Palette mit fünf Farben. Für jede Farbe zeigt er an, ob weißer oder schwarzer Text darauf die WCAG-Kontrastgrenzwerte erreicht. Wählen Sie eine Farbe und einen Palettentyp und prüfen Sie die Kennzeichnungen.
CSS-clip-path-Generator
Punkte verschieben, Code kopieren. Dieser CSS-Clip-Path-Generator ist ein visueller Polygoneditor: Verschieben Sie die Ziehpunkte in der Vorschau, und der darunter angezeigte Wert für clip-path wird laufend aktualisiert. Die Prozentangaben sorgen dafür, dass die Form mit dem Element skaliert, auf das Sie sie anwenden.
CM in PX umrechnen
Dieser CM-zu-PX-Konverter rechnet Zentimeter anhand der gewählten DPI-Einstellung sofort in Pixel um. Designer und Entwickler wechseln ständig zwischen Maßeinheiten für Druck und Bildschirm. Dieses Tool erleichtert den Wechsel.
CMYK in RGB umrechnen
Dieser CMYK-zu-RGB-Konverter rechnet CMYK-Prozentwerte für Cyan, Magenta, Gelb und Schwarz mit der Standardformel in RGB- und HEX-Werte für digitale Gestaltungsabläufe um.
Farbnamen finden
Dieser Farbnamen-Finder ermittelt den Namen einer Farbe in einem Bild. Laden Sie ein Bild hoch und bewegen Sie den Mauszeiger über ein beliebiges Pixel. Das Bedienfeld zeigt die nächstgelegene benannte Farbe mit Hex-Code und RGB-Werten an. Das Bild bleibt vollständig in Ihrem Browser.
CSS-border-radius-Generator
Der CSS-Border-Radius-Generator ist ein kostenloses Browser-Tool, mit dem Sie Werte für abgerundete Ecken visuell erstellen und in der Vorschau prüfen können, ohne selbst Code zu schreiben.
CSS-box-shadow-Generator
Mit diesem kostenlosen CSS-Box-Shadow-Generator erstellen und exportieren Sie Schlagschatten für Elemente direkt im Browser, ohne selbst Code zu schreiben.
CSS-clamp()-Rechner
Dieser CSS-Clamp-Rechner berechnet präzise Werte für clamp(), die sich fließend an die Bildschirmgröße anpassen. So müssen Sie die Werte nicht schätzen.
CSS-Glaseffekt-Generator
Dieser CSS-Glassmorphism-Generator erzeugt mit vier Schiebereglern einen Milchglaseffekt und liefert den passenden CSS-Code. Die Vorschau zeigt dieselben Einstellungen auf einer Karte und in einem modalen Fenster. Schwebende Formen im Hintergrund machen die Wirkung der Unschärfe sichtbar.
CSS-Farbverläufe für Hintergründe
Ein CSS-Verlaufshintergrund ist ein Bild, das mithilfe nativer CSS-Funktionen im Code erzeugt wird. Eine externe Bilddatei ist dafür nicht erforderlich.
CSS-Keyframe-Animationen erstellen
Ein visueller Generator für CSS-Keyframe-Animationen, mit dem Sie einsatzfertigen CSS-Code mit @keyframes erstellen, in der Vorschau prüfen und exportieren können, ohne selbst Code zu schreiben.
CSS-Ladeanimationen erstellen
Dieser CSS-Loader-Generator erstellt den CSS-Code für eine Ladeanimation, damit Sie die Keyframes nicht von Hand programmieren müssen. Wählen Sie einen Ladeindikator, passen Sie drei Einstellungen an und kopieren Sie das Ergebnis. Jeder Ladeindikator besteht aus reinem CSS: ohne JavaScript, Bilder oder Abhängigkeiten.
CSS-text-shadow-Generator
Mit diesem CSS-Textschatten-Generator gestalten und exportieren Sie Textschatten direkt im Browser, ohne selbst Code zu schreiben.
Glitch-Text erstellen
Dieser Glitch-Text-Generator verwandelt eine Textzeile in einen animierten CSS-Glitch-Effekt und liefert den HTML- und CSS-Code, mit dem Sie ihn nachbilden können. Alles läuft in Ihrem Browser. Es wird nichts hochgeladen.
HEX in RGB umrechnen
Rechnen Sie hexadezimale Farbcodes mit unserem HEX-zu-RGB-Konverter sofort in RGB-Werte um. Ein übersichtliches, modernes Tool für Designer und Entwickler.
HSL in RGB umrechnen
Dieser HSL-zu-RGB-Konverter wandelt HSL-Farbwerte sofort in mehrere Formate um. Passen Sie Farbton, Sättigung, Helligkeit und Alpha über präzise Schieberegler oder numerische Eingabefelder an. Klicken Sie anschließend auf ein Ergebnis, um es zu kopieren.
HTML-Formular-Generator
Mit diesem HTML-Formulargenerator erstellen und exportieren Sie einsatzfertige HTML-Formulare, ohne selbst Code zu schreiben. Gestalten Sie das Formular visuell, verfolgen Sie das Ergebnis in der Live-Vorschau und kopieren Sie in Sekundenschnelle sauberes Markup.
HTML-Tabellen-Generator
Der HTML-Tabellengenerator ist ein Browser-Tool, mit dem Sie einsatzfertige HTML-Tabellen erstellen können, ohne selbst Code zu schreiben.
HTML in Text umwandeln
Wandeln Sie HTML-Code in sauberen, gut lesbaren Text um. Dieser schlanke HTML-zu-Text-Konverter verarbeitet Ihr Markup mit dem HTML-Parser des Browsers, entfernt die Tags und gibt den enthaltenen Text zurück.
Markdown in HTML umwandeln
Dieser Markdown-zu-HTML-Konverter wandelt gewöhnliches Markdown schon während der Eingabe in sauberes, sofort verwendbares HTML um. Ein kleiner Markdown-Parser läuft direkt in Ihrem Browser; es werden keine Daten an einen Server gesendet.
PT in CM umrechnen
Dieser schnelle PT-zu-CM-Konverter rechnet typografische Punkte direkt im Browser in Zentimeter um und umgekehrt.
PX in CM umrechnen
Dieser schnelle PX-zu-CM-Konverter rechnet Pixelwerte direkt im Browser in Zentimeter um und umgekehrt.
PX in Zoll umrechnen
Dieser PX-zu-Zoll-Konverter rechnet Pixelwerte für jede beliebige DPI-Einstellung sofort in physische Maße in Zoll um.
PX in PT umrechnen
Dieser PX-zu-PT-Konverter ist ein schlankes Browser-Tool, das Pixel und Punkte für Bildschirm- und Druckanwendungen sofort ineinander umrechnet.
RGB in HEX umrechnen
Ein einfacher RGB-zu-HEX-Konverter. Rechnen Sie RGB-Werte sofort in das hexadezimale Format um.
RGB in CMYK umrechnen
Rechnen Sie Farben mit unserem RGB-zu-CMYK-Konverter sofort zwischen digitalen Formaten (RGB) und Druckformaten (CMYK) um.
RGB in HSL umrechnen
Dieser RGB-zu-HSL-Konverter rechnet RGB-Werte (Rot, Grün, Blau) sofort in HSL (Farbton, Sättigung, Helligkeit) und HEX um. Entwickelt für Designer, Entwickler und alle, die mit Farbsystemen arbeiten.
SVG-Wellen-Generator
Dieser SVG-Wellengenerator erstellt mehrschichtige Wellenhintergründe für Hero-Bereiche, Abschnittstrenner und Karten und liefert den passenden SVG-Code. Jede Ebene ist ein eigener Pfad, den Sie mit Schiebereglern steuern. Sie benötigen kein Designprogramm, und alle Daten bleiben in Ihrem Browser.
Word in HTML umwandeln
Aus Word einfügen, sauberes HTML kopieren. Dieser Word-zu-HTML-Konverter arbeitet mit Ihrer Zwischenablage: Fügen Sie formatierten Text aus Microsoft Word, Google Docs oder einem beliebigen Rich-Text-Editor in das linke Feld ein. Das rechte Feld zeigt schon während der Eingabe den zugehörigen HTML-Code an.