CodeKitHubCSS-Tools
Visuelle CSS-Generatoren — Regler einstellen, Code kopieren, nichts auswendig lernen.
Tools in dieser Kategorie
Border-Radius-Generator
Regler ziehen, um jede Ecke abzurunden, und den border-radius-CSS-Code kopieren.
Box-Shadow-Generator
Regler für Versatz, Weichzeichnung, Ausbreitung und Farbe einstellen und den box-shadow-CSS-Code kopieren.
React Native Schatten-Generator
Gestalte einen Schatten visuell und erhalte das exakte React-Native-Style-Objekt für iOS und Android.
CSS Cubic-Bezier-Generator
Forme eine eigene Easing-Kurve mit Reglern, sieh dir die Animation live an und kopiere das cubic-bezier()-CSS.
CSS Text-Glitch-Generator
Text eingeben, zwei Glitch-Farben wählen und animiertes CSS + HTML mit Farbtrennungseffekt kopieren.
CSS-Loader-Generator
Erstelle eine drehende, hüpfende oder pulsierende CSS-Ladeanimation und kopiere CSS + HTML.
CSS-Checkbox-Generator
Gestalte eine Checkbox mit abgerundetem Häkchen, Schiebeschalter oder gefülltem Kreis und kopiere das CSS.
CSS-Schalter-Generator
Größe, Farben und Rundung anpassen und einen barrierefreien, checkbox-basierten Toggle-Switch als HTML und CSS kopieren.
CSS-Dreieck-Generator
Richtung, Größe und Farbe wählen und ein mit dem Border-Trick gebautes reines CSS-Dreieck kopieren.
CSS-Glassmorphism-Generator
Hintergrund-Deckkraft, Weichzeichnung, Rand und Radius einstellen, um eine Milchglas-Karte zu bauen, dann den CSS-Code kopieren.
CSS-Hintergrundmuster-Generator
Muster wählen (Punkte, Streifen, Schachbrett, Raster), Farbe und Größe einstellen, dann CSS kopieren.
CSS-Gradient-Generator
Erstelle lineare und radiale Verläufe mit Farbstopps und einem Winkel-Regler und kopiere den CSS-Code.
CSS-Clip-Path-Generator
Wähle eine Formvorlage, sieh den Ausschnitt live in der Vorschau und kopiere den generierten clip-path-CSS-Code.
Tailwind Farbreferenz
Schlagen Sie jede Standardfarbe von Tailwind in beide Richtungen nach: Hex zu Klassenname, oder Klassenname zu Hex/RGB — plus vollständige durchsuchbare Palette.
Pantone-CMYK-RGB-Konverter
Konvertiere zwischen Pantone- (PMS), CMYK-, RGB- und Hex-Farbcodes in beide Richtungen, mit einer durchsuchbaren Pantone-Referenz mit 1341 Farben.
CSS-Prägeeffekt-Generator
Erzeuge sofort geprägte oder gravierte CSS-Texteffekte — Text eingeben, Stil und Intensität anpassen und den CSS-Code kopieren.
Neon-Text-Generator
Erzeuge sofort leuchtende Neon-CSS-Texteffekte — Text eingeben, Leuchtfarbe und Intensität wählen und den CSS-Code kopieren.
CSS Gold Button Generator
Erzeuge sofort metallische Gold-, Silber-, Bronze- oder Roségold-CSS-Buttons — Text eingeben, Metallstil wählen und den CSS-Code kopieren.
Farbauswahl
Wählen Sie eine beliebige Farbe visuell aus oder extrahieren Sie sie aus einem hochgeladenen Bild – mit Ausgabe in den Formaten HEX, RGB und HSL sowie Kopier-Schaltflächen.