Paleta Otoño 27
Elige una muestraCódigo copiado
Farbfächer mit Musterstreifen
Ein Farbmusterfächer, der sich beim Überfahren öffnet; jeder Streifen hebt sich beim Drücken heraus und kopiert seinen Hex-Code.
Einstellungen
Code
<div class="uvq07-pan"><p class="ti">Palette Herbst 27</p><div class="fn" role="group" aria-label="Farbmuster"><button type="button" style="--i:0;--sw:var(--c1)" aria-pressed="false"><span class="cl"></span><span class="lb"><b>18-1450</b><span>Ziegelrot</span></span></button><button type="button" style="--i:1;--sw:#d9a441" aria-pressed="false"><span class="cl"></span><span class="lb"><b>14-0952</b><span>Senfgelb</span></span></button><button type="button" style="--i:2;--sw:#9caf88" aria-pressed="false"><span class="cl"></span><span class="lb"><b>15-6316</b><span>Salbei</span></span></button><button type="button" style="--i:3;--sw:var(--c2)" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-4524</b><span>Petrol</span></span></button><button type="button" style="--i:4;--sw:#6b3a5b" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-2311</b><span>Pflaume</span></span></button><button type="button" style="--i:5;--sw:#e3d3b6" aria-pressed="false"><span class="cl"></span><span class="lb"><b>13-1012</b><span>Sand</span></span></button><button type="button" style="--i:6;--sw:#2e2e30" aria-pressed="false"><span class="cl"></span><span class="lb"><b>19-0303</b><span>Anthrazit</span></span></button><i class="rv" aria-hidden="true"></i></div><p class="st" aria-live="polite"><span class="nm">Wähle ein Muster</span><span class="ok">Code kopiert</span></p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Alle ansehen: KartenWofür du ihn nutzen kannst
Druckereien und Designer tragen noch immer Farbfächer bei sich, und das Auffächern fühlt sich gut an. Sieben Streifen teilen sich eine Niete als Drehpunkt und drehen über eine Custom Property, die beim Überfahren oder Fokussieren wächst. Ein Klick hebt den Streifen heraus, liest die echte Farbe aus dem berechneten Stil und kopiert den Hex-Code mit kurzer Bestätigung. Gut für Designsysteme, Farbengeschäfte und Markenrichtlinien.
Der erste Streifen nutzt die Hauptfarbe, der vierte die zweite Farbe, so folgt die Palette deiner Marke. Namen und Codes bearbeitest du in der Liste, mit den Pfeiltasten wechselst du zwischen den Streifen.