Farbwähler (Color Picker) für Ihre Website

Bieten Sie Besuchern eine einfache Möglichkeit, Farben auszuwählen, benannte Vorgabefarben zu vergleichen, den Kontrast zu prüfen und genaue HEX-, RGB-, HSL-, HSV- oder CMYK-Werte zu kopieren. Das Farbwähler-Widget von Jotform ist ein No-Code-Tool, das Sie gestalten, in der Vorschau prüfen und überall einbetten können.

Color Picker Widget for your website Hero Background image

So erstellen Sie das Widget Farbwähler

Choose preset colors

Vorgabefarben auswählen

Legen Sie die Standardfarbe fest, fügen Sie vorgegebene Farbmuster hinzu oder entfernen Sie sie und benennen Sie jede Palettenoption für Besucher.

Customize the picker

Farbwähler anpassen

Stimmen Sie Karte, Akzentfarbe, Text, Form der Farbmuster und Layout auf Ihre Website ab.

Embed it on your site

Auf Ihrer Website einbetten

Kopieren Sie den generierten Einbettungscode und platzieren Sie den Farbwähler überall dort, wo Besucher Farbwerte, Kontrastprüfungen oder den Export von Paletten brauchen.

Farbauswahl übersichtlich und einfach gestalten

Besucher genaue Farben auswählen lassen

Fügen Sie einen übersichtlichen Farbwähler hinzu, der den aktuellen Farbton deutlich anzeigt und Besuchern eine direkte Möglichkeit bietet, ihn anzupassen.

Let visitors pick exact colors

Farbwerte zum direkten Kopieren anzeigen

Zeigen Sie HEX-, RGB-, HSL-, HSV- und CMYK-Werte sowie optional Kontrastergebnisse an, damit Designer, Kunden und Mitarbeitende die ausgewählte Farbe überall nutzen können, wo sie sie brauchen.

Show copy-ready color values

Benannte Vorgabefarben und gespeicherte Farbmuster anbieten

Geben Sie Besuchern vorbereitete Marken- oder Produktfarben vor, beschriften Sie jedes Farbmuster und lassen Sie Besucher vorübergehend ausgewählte Farben behalten, entfernen, leeren oder kopieren.

Offer named presets and saved swatches

Das Widget an Ihre Seite anpassen

Passen Sie helles oder dunkles Theme, Kartenfarben, Akzentfarbe, Eckenradius, Schatten, Ausrichtung im eingebetteten Modus, schwebende Platzierung und Sichtbarkeit je Gerät an.

Match the widget to your page

Farbwähler in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

Wählen Sie „Individuelles HTML” und fügen Sie den Einbettungscode Ihres Jotform-Website-Widgets in das HTML-Feld ein.

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prüfen.

Warum sich Jotform Website Widgets auszeichnen

Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.

Widgets ohne Programmierung verwenden

Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.

Bauen Sie interaktivere Seiten

Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.

Holen Sie sich jederzeit Hilfe

Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.

Wo Sie das Farbwähler-Widget einsetzen

Setzen Sie ein Farbwähler-Widget überall dort ein, wo Besucher genaue Farben auswählen oder kopieren möchten, ohne die Seite zu verlassen.

Seiten mit Design-Ressourcen, auf denen Besucher schnell HEX-, RGB-, HSL-, HSV- oder CMYK-Werte für Markenfarben brauchen.

Seiten zur Produktkonfiguration, auf denen Kunden die verfügbaren Farben vergleichen, bevor sie Ihr Team kontaktieren oder bestellen.

Styleguide-Seiten, um Teams, Partnern oder Kunden einen einfachen Zugriff auf freigegebene Farben zu geben.

Kreative Portfolios, in denen Designer Farbpaletten neben Projektbeispielen zeigen können.

Lern- und Tutorial-Seiten, die Farbformate, Farbpaletten oder die Grundlagen des visuellen Designs vermitteln.

Interne Portale, in denen Teams ein schlankes Farbwerkzeug in der Nähe von Design-Notizen oder Dokumentationen brauchen.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Farbwähler-Widget?

    Ein Farbwähler-Widget ist ein einbettbares Tool, mit dem Besucher auf Ihrer Website eine Farbe auswählen, Farbwerte anzeigen und kopieren, den Kontrast prüfen und vorübergehend Farbmuster vergleichen können.

  • Welche Farbformate kann das Widget anzeigen?

  • Kann ich vorgegebene Farben hinzufügen?

  • Können Besucher eine Palette speichern oder kopieren?

  • Kann ich den Stil des Widgets anpassen?

  • Kann der Farbwähler auf der Seite schweben?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich Code schreiben?