Design
XYZ-Farbwerte in HSV/HSB für Farbmanipulation umwandeln
xyz-to-hsv-converterDesign
XYZ-Farbwerte in HSL für die Bildschirmanzeige umwandeln
xyz-to-hsl-converterDesign
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.
webfont-pairing-labDesign
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.
tailwind-arbitrary-value-playgroundDesign
Analysiert WebP/VP8-Bilder mit Sharp, erzeugt eine Graustufen-Displacement-Map und rendert ein 3D-Relief mit Three.js
vp8-image-analyzerDesign
Generiert CSS-Transform-Eigenschaften
transform-generatorDesign
Dekodiert QR-Codes aus Bildern und extrahiert den enthaltenen Text oder URL
qr-code-decoderDesign
Erstellt QR-Codes aus URLs oder Text mit anpassbarer Größe und Farben
qr-code-generatorDesign
RGB-Farbwerte in HEX-Format für Webdesign umwandeln
rgb-to-hex-converterDesign
RGB-Farbwerte in HSL für die Bildschirmanzeige umwandeln
rgb-to-hsl-converterDesign
RGB-Farbwerte in HSV/HSB für Farbmanipulation umwandeln
rgb-to-hsv-converterDesign
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
oklch-color-converter