Design
HEX-Farbwerte in CMYK für den Druck umwandeln mit Alphakanal-Unterstützung
hex-to-cmyk-converterDesign
HEX-Farbwerte in LAB für Farbverwaltung umwandeln mit Alphakanal-Unterstützung
hex-to-lab-converterDesign
HSL-Farbwerte in CMYK für den Druck umwandeln mit Alphakanal-Unterstützung
hsl-to-cmyk-converterDesign
HSL-Farbwerte in LAB für Farbverwaltung umwandeln mit Alphakanal-Unterstützung
hsl-to-lab-converterDesign
Vorschau einer Titel- und Textschrift mit echtem Text, Größen, Gewichten, Zeilenhöhen, Zeichensatz und CSS.
font-pairing-preview-cardDesign
Fügen Sie ein Figma-/Tokens-Studio-Variablen-JSON ein und exportieren Sie nach Tailwind, shadcn CSS-Variablen, Style Dictionary oder SCSS. Erhält Farb-, Abstands- und Font-Tokens mit Typ-Inferenz.
figma-tokens-exportDesign
Berechnet den Bildwinkel einer Kamera aus Brennweite und Sensorgröße sowie die Szenenabdeckung auf Distanz.
field-of-view-calculatorDesign
Extrahiert Design-Tokens — Farben, Zahlen, Schriftgrößen und Strings — aus einem ECharts-Theme-JSON und exportiert sie direkt in Ihr Design-System. Fügen Sie ein Theme-Objekt ein (das per echarts.init(dom, themeName) registriert wird) und das Werkzeug durchläuft jedes Leaf, taggt jede Farbe (optional Named/rgb → hex normalisiert), jeden Abstand, jede Schriftgröße und jeden String und gibt saubere CSS-Variablen, ein Tailwind theme.extend, ein Style Dictionary tokens.json oder SCSS-Variablen aus. Überbrückt die Lücke zwischen einem ECharts-Visualisierungs-Theme und Figma/CSS/Tailwind-Design-Tokens, ohne jeden Wert von Hand zu kopieren.
echarts-theme-token-extractorDesign
Erzeugt eine saubere, kopierfertige HTML-E-Mail-Signatur, die in Gmail, Outlook und Apple Mail korrekt dargestellt wird — mit Avatar/Logo, Social Icons (automatisch aus Ihren Links erkannt), Akzentfarbe, Hell/Dunkel/Auto-Theme und einem tabellenbasierten, E-Mail-sicheren Layout mit Inline-Styles. HTML kopieren und direkt in den Mail-Client einfügen.
email-signature-html-builderDesign
Fügt Weichzeichnereffekte zu Bildern mit einstellbarer Stärke und mehreren Weichzeichnertypen hinzu
image-blurDesign
Bildhelligkeitsniveaus mit Echtzeit-Vorschau und präziser Steuerung anpassen
image-brightnessDesign
Bildkontrastniveaus mit präziser Steuerung für verbesserte Bildklarheit anpassen
image-contrast