Farben, Verläufe, Schatten und mehr für Designer. · 34 Tools
Erstelle harmonische Farbpaletten.
Gestalte CSS-Verläufe und kopiere den Code.
Gestalte CSS-box-shadow visuell.
Konvertiere zwischen HEX, RGB, HSL und mehr.
Prüfe den Kontrast nach WCAG.
Verkleinere deine SVG-Dateien.
Gestalte Ecken und organische Formen mit border-radius und kopiere das CSS.
Milchglas-Effekt mit backdrop-filter, bereit zum Kopieren.
Weiche Schatten im Neumorphism-Stil für Buttons und Karten.
Hintergründe mit Mustern (Punkte, Streifen, Sechsecke…) in CSS oder SVG.
Zufällige organische SVG-Formen mit Farbverlauf für deine Designs.
Wellen zum Trennen von Abschnitten deiner Website, als einsatzbereites SVG.
Gestalte Buttons mit Verlauf, Umriss oder 3D und kopiere das CSS mit Hover.
Gestalte Animationskurven und teste sie live.
Fertige @keyframes-Animationen: Bounce, Pulse, Shake, Fade und mehr.
Schneide Elemente mit CSS-Formen zu: Dreiecke, Sterne, Sechsecke und mehr.
Erstelle CSS-Grids visuell und kopiere den Code.
Teste alle Flexbox-Eigenschaften und sieh das Ergebnis sofort.
Berechne harmonische Größen für Überschriften und Texte anhand eines Verhältnisses.
Rechne zwischen Pixeln, rem, em, pt und vw je nach Basisgröße um.
Sieh, wie Menschen mit Protanopie, Deuteranopie oder Tritanopie dein Design wahrnehmen.
Nimm die Farbe von jeder Stelle deines Bildschirms mit einem Klick auf.
Erstelle Avatare mit Initialen und Farbverlauf als PNG oder SVG.
Gestalte eine professionelle Signatur für Gmail, Outlook und Apple Mail.
Erstelle ein Text-Logo mit deiner Marke und deinem Slogan als PNG oder SVG.
Zufällige Paletten (Pastell, kräftig, Erdtöne…) mit fixierbaren Farben.
Finde heraus, wie eine HEX- oder RGB-Farbe heißt und ihre Entsprechungen.
Generiere die Skala 50–950 deiner Markenfarbe für Tailwind oder CSS-Variablen.
Generiere alle Icon-Größen für iOS, Android und Web aus einem Bild.
Gestalte Visitenkarten und lade ein druckfertiges A4-Blatt herunter.
Kurszertifikate, Auszeichnungen und Urkunden als PDF.
Einfache Rechnungen und Angebote als PDF mit Positionen, MwSt. und Gesamtbetrag.
Erstelle deinen Lebenslauf mit einer ordentlichen Vorlage und lade ihn als PDF herunter.
Verwandle Bilder in WhatsApp-Sticker (512 × 512 WEBP) mit weißem Rand.
