Design-Tools

Über diese Tools

Alle 36 Tools in diesem Bereich sind kostenlos, funktionieren im Browser auf jedem Gerät und erfordern keine Anmeldung.

• HEX-in-RGB-Konverter: Wandeln Sie HEX-Farbcodes in RGB um und sehen Sie dieselbe Farbe als HSL, HSV, CMYK, OKLCH sowie ihren Namen.
• RGB-in-HEX-Konverter: Wandeln Sie rgb(…)-Farben in HEX-Codes um, dazu alle anderen Farbformate.
• HEX-in-HSL-Konverter: Wandeln Sie HEX-Farben in HSL um, mit helleren und dunkleren Abstufungen.
• Farbkontrast-Checker: Prüfen Sie Text- und Hintergrundfarben nach WCAG AA/AAA und erhalten Sie die nächstgelegenen Farben, die bestehen.
• Farbenblindheit-Simulator: Sehen Sie ein Bild oder Ihre Farben so, wie Menschen mit Farbenblindheit sie sehen.
• Farbpaletten-Generator: Erzeugen Sie Farbschemata, fixieren Sie Ihre Lieblingsfarben, gewinnen Sie eine Palette aus einem Foto und prüfen Sie den Textkontrast.
• Farbverlauf-Generator: Gestalten Sie lineare, radiale, konische und Mesh-Verläufe, wählen Sie aus einer Galerie, kopieren Sie das CSS oder laden Sie ein Hintergrundbild herunter.
• Glassmorphism-Generator: Erstellen Sie Milchglas-Karten mit Live-Vorschau und kopieren Sie das CSS.
• Neumorphism-Generator: Erstellen Sie weiche, plastisch wirkende Buttons und Karten (Soft UI) und kopieren Sie das CSS.
• CSS-Muster-Generator: Streifen, Punkte, Raster, Schachbretter, Zickzack und mehr als reine CSS- oder SVG-Hintergründe.
• SVG-Formen-Generator: Sterne, Polygone, Abzeichen und Strahlen als SVG oder PNG.
• SVG-Blob-Generator: Zufällige organische Blob-Formen für Hintergründe und Illustrationen, als SVG oder PNG.
• SVG-Wellen-Generator: Geschichtete Wellen für Abschnittstrenner und Hintergründe, als SVG, PNG oder CSS.
• Pixel-Art-Editor: Zeichnen Sie Pixel-Art auf einem Raster mit Spiegelmodus, Füllen und Rückgängig und laden Sie ein scharfes PNG herunter.
• ASCII-Art-Generator: Verwandeln Sie Text in große ASCII-Buchstaben (viele Schriften) oder ein Foto in ASCII-Art.
• Favicon- & App-Icon-Generator: Alle Icon-Größen aus einem Bild: favicon.ico, Apple Touch Icon, Android- und PWA-Icons, mit HTML-Code.
• Favicon-Vorschau: Sehen Sie, wie Ihr Icon in Browser-Tabs (hell und dunkel), Lesezeichen, Google-Ergebnissen und auf Startbildschirmen von Smartphones aussieht.
• Social-Media-Banner-Maker: Erstellen Sie Banner für YouTube, LinkedIn, X und Facebook mit exakten Größen und eingezeichneten sicheren Bereichen.
• Profilbild-Rahmen: Fügen Sie Ihrem Profilfoto einen farbigen Ring und gebogenen Text hinzu (z. B. HIRING oder einen Veranstaltungsnamen).
• Schriftkombinationen: Handverlesene Kombinationen aus Überschrift- und Fließtextschrift, auch für Arabisch, mit Live-Vorschau und CSS.
• QR-Code-Designer: Individuelle QR-Codes: Farben, Verläufe, Punkt- und Eckenformen, ein Logo und ein „Scan mich“-Rahmen.
• Logo-Ersteller und Firmenlogo-Generator: Ein einfaches Logo aus einem Namen, einem Icon und Ihren Farben erstellen und als SVG oder PNG herunterladen.
• Tönungen-und-Schattierungen-Generator: Hellere Tönungen, dunklere Schattierungen und sanftere Töne jeder Farbe, mit CSS-Variablen.
• Farbmischer: Zwei Farben in beliebigem Verhältnis mischen und das Ergebnis in HEX, RGB, HSL und OKLCH sehen.
• Farbkreis und Harmonien: Komplementär-, Analog-, Triaden- und andere Farbschemata aus einem Farbkreis.
• Farbkontrast-Raster: Jedes Text-Hintergrund-Paar Ihrer Palette auf einmal anhand von WCAG prüfen.
• CSS-Farbnamen: Alle 148 CSS-Farbnamen mit ihren Codes und der nächstgelegene Name für jede Farbe.
• Kelvin in RGB (Farbtemperatur): Die Farbtemperatur eines Lichts (2700 K, 6500 K…) in seine HEX- und RGB-Farbe umwandeln.
• Tailwind-Farbpaletten-Generator: Eine Tailwind-CSS-Farbskala von 50 bis 950 aus Ihrer Markenfarbe erstellen, für v3 oder v4.
• Material-Farbpaletten-Generator: Tonale Paletten im Material-3-Stil sowie helle und dunkle Farbrollen aus einer Ausgangsfarbe.
• Schattenskala-Generator: Einen Satz passender Box-Schatten (Erhebungsstufen) als CSS-Variablen erstellen.
• Farbskalen-Generator: Sanfte Abstufungen zwischen zwei Farben für Diagramme, Karten und Verläufe.
• Verlaufstext-Generator: Bunten Verlaufstext mit CSS erstellen oder als transparentes PNG herunterladen.
• Farben aus einem Bild extrahieren: Die Hauptfarben eines Fotos oder Logos finden, mit dem Anteil jeder Farbe.
• Farbenblindheit-sichere Palettenprüfung: Prüfen, ob Menschen mit Farbenblindheit die Farben Ihrer Palette unterscheiden können.
• Zufallsfarben-Generator: Zufällige Farben: kräftig, pastell, dunkel oder erdig, mit Namen, HEX-Codes und Sperren.