[{"data":1,"prerenderedAt":116},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Fcolor-input-fields":3},{"id":4,"title":5,"body":6,"category":103,"description":104,"extension":105,"keywords":106,"meta":107,"navigation":108,"order":109,"path":110,"rawbody":111,"seo":112,"stem":113,"updated":114,"__hash__":115},"helpDe\u002Fhelp\u002Finput-fields\u002Fcolor-input-fields.de.md","Color-Inputfelder",{"type":7,"value":8,"toc":98},"minimark",[9,28,32,38,42,52,91],[10,11,12,13,17,18,23,24,27],"p",{},"Ein Color-Inputfeld lässt die Personen, die deinen Design Generator nutzen, eine Farbe im Design ändern, etwa Fill oder Stroke eines Elements. Füge es hinzu, indem du das Element auswählst und im Add-Popup ",[14,15,16],"strong",{},"Color"," wählst (siehe ",[19,20,22],"a",{"href":21},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields","Inputfelder hinzufügen","). Um eine bestimmte Farbe anzusteuern, etwa Stroke statt Fill, nutze ",[14,25,26],{},"Select Custom Property"," und klicke diese Farbe im Property Panel an.",[29,30,16],"h2",{"id":31},"color",[10,33,34,35,37],{},"Das einfache ",[14,36,16],{},"-Feld ist ein vollständiger Farbwähler: Nutzer können jede beliebige Farbe einstellen. Es hat keine weiteren Einstellungen.",[29,39,41],{"id":40},"color-selection","Color Selection",[10,43,44,45,47,48,51],{},"Um Nutzer auf eine freigegebene Palette zu beschränken, wähle stattdessen ",[14,46,41],{},". Lege deine ",[14,49,50],{},"Color options"," fest, jeweils eine Farbe mit optionalem Label, und wähle dann, wie sie erscheinen:",[53,54,55,74],"ul",{},[56,57,58,61,62,65,66,69,70,73],"li",{},[14,59,60],{},"Type",": zeigt die Palette als ",[14,63,64],{},"Dropdown",", als ",[14,67,68],{},"Button Grid"," oder als ",[14,71,72],{},"Carousel",".",[56,75,76,79,80,83,84,87,88,73],{},[14,77,78],{},"Size",": setzt die Größe der Farbfelder auf ",[14,81,82],{},"Small",", ",[14,85,86],{},"Medium"," oder ",[14,89,90],{},"Large",[10,92,93],{},[94,95],"img",{"alt":96,"src":97},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F21ef59e4-a415-451f-30fa-5dd8a61ee700\u002Fmax",{"title":96,"searchDepth":99,"depth":99,"links":100},2,[101,102],{"id":31,"depth":99,"text":16},{"id":40,"depth":99,"text":41},"input-fields","Lass Nutzer eine Farbe wählen, einzeln oder aus einer vorgegebenen Palette.","md",[],{},true,40,"\u002Fhelp\u002Finput-fields\u002Fcolor-input-fields.de","---\ntitle: \"Color-Inputfelder\"\ndescription: \"Lass Nutzer eine Farbe wählen, einzeln oder aus einer vorgegebenen Palette.\"\ncategory: input-fields\norder: 40\nkeywords: []\n---\nEin Color-Inputfeld lässt die Personen, die deinen Design Generator nutzen, eine Farbe im Design ändern, etwa Fill oder Stroke eines Elements. Füge es hinzu, indem du das Element auswählst und im Add-Popup **Color** wählst (siehe [Inputfelder hinzufügen](\u002Fhelp\u002Finput-fields\u002Fadding-input-fields)). Um eine bestimmte Farbe anzusteuern, etwa Stroke statt Fill, nutze **Select Custom Property** und klicke diese Farbe im Property Panel an.\n\n## Color\n\nDas einfache **Color**-Feld ist ein vollständiger Farbwähler: Nutzer können jede beliebige Farbe einstellen. Es hat keine weiteren Einstellungen.\n\n## Color Selection\n\nUm Nutzer auf eine freigegebene Palette zu beschränken, wähle stattdessen **Color Selection**. Lege deine **Color options** fest, jeweils eine Farbe mit optionalem Label, und wähle dann, wie sie erscheinen:\n\n- **Type**: zeigt die Palette als **Dropdown**, als **Button Grid** oder als **Carousel**.\n- **Size**: setzt die Größe der Farbfelder auf **Small**, **Medium** oder **Large**.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F21ef59e4-a415-451f-30fa-5dd8a61ee700\u002Fmax)\n",{"title":5,"description":104},"help\u002Finput-fields\u002Fcolor-input-fields.de","2026-06-15","zXmi3BgW-2lE52rFjNAGPbO2b86mE0GDzakFt9OLRI0",1789292812878]