Vorschau eines Google-Fonts-Pairings (Überschrift + Fließtext) mit Gewicht- und Zeilenhöhe-Reglern und kopierfertigem CSS-@import-+-Variablen-Snippet. Kuratierte 22-Schrift-Registry und 7 Presets.

Design

Tailwind Arbitrary-Value Playground

Fügen Sie Tailwind-Klassen mit Arbitrary Values ein (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) und prüfen Sie das erzeugte CSS mit Live-Vorschau, Erkennung von Datentyp-Hinweisen und einer Erklärung jeder Übersetzung. Hilfreich zum Debuggen von calc(), CSS-Variablen und Werten außerhalb der Token-Skala.

Design

VP8-Bildanalysator

Analysiert WebP/VP8-Bilder mit Sharp, erzeugt eine Graustufen-Displacement-Map und rendert ein 3D-Relief mit Three.js

Design

CSS-Transform-Generator

Generiert CSS-Transform-Eigenschaften

Design

QR-Code-Decoder

Dekodiert QR-Codes aus Bildern und extrahiert den enthaltenen Text oder URL

Design

QR-Code-Generator

Erstellt QR-Codes aus URLs oder Text mit anpassbarer Größe und Farben

Design

RGB zu HEX Konverter

RGB-Farbwerte in HEX-Format für Webdesign umwandeln

Design

RGB zu HSL Konverter

RGB-Farbwerte in HSL für die Bildschirmanzeige umwandeln

Design

RGB zu HSV Konverter

RGB-Farbwerte in HSV/HSB für Farbmanipulation umwandeln

Design

OKLCH-Farbkonverter

Bidirektionale Umrechnung zwischen HEX, RGB, HSL, OKLCH und Display-P3 nach CSS Color 4, mit Helligkeit-/Chroma-/Farbton-Werten, sRGB- und Display-P3-Gamut-Prüfung und Vorschlag zum Beschneiden außerhalb des Gamuts