🎨 Design & Web
Werkzeuge fürs Gestalten und Bauen im Web: Farbwerte umrechnen, Paletten aus Bildern ziehen, Kontraste nach WCAG prüfen, SVG optimieren, Bilder anpassen und Slugs erzeugen.
13 Werkzeuge in dieser Kategorie
Color Converter
Rechne Farbcodes nahtlos zwischen HEX, RGB und HSL um mit integriertem visuellen Farb-Picker.
HTML Entities Converter
Wandle Zeichen in sichere HTML-Entities um oder dekodiere sie fehlerfrei rückwärts.
Slug Generator
SEO-URLs aus Titeln, live beim Tippen. Mit Trennzeichenwahl, Längenbegrenzung, Füllwortfilter und ganzen Listen.
Color Palette Extractor
Extrahiere Farben aus Text, CSS oder HTML und zeige sie übersichtlich als Palette an.
WCAG Kontrast-Checker
Prüfe das Kontrastverhältnis von Text- und Hintergrundfarben live nach offiziellen WCAG-Standards.
YouTube Einnahmen Rechner
Schätze deine Werbeeinnahmen getrennt für Shorts und Longform, mit RPM nach Nische und Herleitung aus dem CPM.
YouTube Thumbnail Vorschau
Sieh dein Thumbnail in den echten Größen von 360 bis 120 Pixeln, samt Prüfung von Auflösung und Dateigröße.
Pixel-Animator
Zeichne Pixel Art Bild für Bild mit Zwiebelhaut, spiel es als Animation ab und speichere es als GIF.
SVG-Anzeiger & Optimierer
Füge SVG-Code ein, um die Grafik sofort live anzuzeigen, die viewBox/Größe anzupassen und XML-Ballast zu bereinigen.
Markdown Editor & Live-Preview
Schreibe Markdown-Code und lasse dir die HTML-Vorschau live und in Echtzeit anzeigen. Ideal für Readmes und Blogposts.
Coony3D – Scene Composer
Komponiere 3D-Bühnen live im Browser. Platziere Objekte, lade eigene .obj-Modelle, teste Hintergründe und exportiere saubere High-Res Screenshots.
Bild anpassen
Größe ändern, zuschneiden, drehen und in PNG, JPG oder WebP speichern. Ohne Upload, direkt im Browser.
PDF Seiten ordnen
PDFs zusammenfügen und trennen, Seiten löschen, drehen und sortieren. Ohne Upload, direkt im Browser.
Über die Kategorie Design & Web
Gestaltung im Web besteht zu einem guten Teil aus Umrechnen und Prüfen. Ein Farbwert liegt als Hex vor, gebraucht wird er als HSL. Ein Bild soll eine Palette liefern. Ein Textpaar muss die Kontrastanforderungen erfüllen, bevor es live geht. Eine Überschrift muss zu einer sauberen Adresse werden.
Diese Sammlung deckt genau diese Zwischenschritte ab. Der Kontrastprüfer rechnet nach den Vorgaben der Barrierefreiheitsrichtlinien und sagt nicht nur, ob es reicht, sondern wie viel fehlt. Der SVG-Bereich zeigt die Datei an und räumt gleichzeitig den Wust auf, den Zeichenprogramme hinterlassen. Der Slug-Generator schreibt Umlaute richtig um, statt sie zu verschlucken.
Auch hier bleibt alles im Browser. Das ist bei Entwürfen wichtiger, als es zunächst klingt: Ein unveröffentlichtes Logo, ein Screenshot aus einem laufenden Projekt oder die Bildstrecke einer Kampagne sind vertraulich, bis sie es nicht mehr sind. Ein Werkzeug, das solche Dateien hochlädt, verlangt Vertrauen, das es nicht braucht.