copy: Seitenüberschriften durch UX-orientierte Sätze ersetzt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

index.html

@@ -29,7 +29,7 @@
 
   <main>
     <section id="tab-picker" class="tab-content active">
-      <h2>Farbe aus Bild</h2>
+      <h2>Welche Farbe ist das? Bild hochladen und draufklicken.</h2>
       <div id="picker-dropzone">
         <p>Bild hierher ziehen, einfügen (Strg+V) oder</p>
         <button class="action-btn" id="picker-file-trigger">Datei wählen</button>
@@ -59,7 +59,7 @@
       </div>
     </section>
     <section id="tab-eingabe" class="tab-content">
-  <h2>Farbe eingeben</h2>
+  <h2>Farbcode eingeben und alle Formate auf einmal sehen.</h2>
   <div id="eingabe-preview" class="color-preview" style="background:#3a8fc1"></div>
   <div class="color-codes">
     <div class="color-code-group">
@@ -81,13 +81,13 @@
   </div>
 </section>
     <section id="tab-harmonien" class="tab-content">
-  <h2>Farbharmonien</h2>
+  <h2>Welche Farben passen dazu? Harmonien auf einen Blick.</h2>
   <p class="subtitle">Ausgangsfarbe: <span id="harmonien-base-hex">#3a8fc1</span></p>
   <div id="harmonien-base-preview" class="color-preview" style="height:50px"></div>
   <div id="harmonien-grid" style="display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem"></div>
 </section>
     <section id="tab-sammlung" class="tab-content">
-  <h2>Sammlung</h2>
+  <h2>Deine gespeicherten Farben, Verläufe und Schemata.</h2>
 
   <div class="btn-row" style="margin-bottom:1.5rem">
     <button class="action-btn" id="sammlung-export-btn">Exportieren</button>