21 Kachelfarben neu gerechnet -- keine zwei aehneln sich mehr

Filipe, screen24/25: "viele kacheln haben noch fast die gleiche farben, ähneln sich sehr und ich will dass du komplett eskalierst ... alle seine eigenen farben und so dass sie sich nicht ähneln. sehr wichtig nicht ähneln!!!!" Er hatte recht, und es liess sich messen statt bereden: kleinster Abstand zweier Toene 0,033 (Dateien gegen Creator-Profile) Paare unter 0,05 (kaum trennbar) 21 von 210 Spanne der Helligkeit 0,002 DIE URSACHE WAR EINE GUTE ABSICHT. Die alte Palette lief gleichmaessig um EINEN Farbring, mit bewusst konstanter Helligkeit und Farbstaerke -- "dadurch wirken alle gleich stark und keine draengt sich vor". Genau das erzeugt den Fehler: Bleibt alles ausser dem Farbton gleich, ist der Farbton der einzige Unterschied. 360 Grad auf 21 Kacheln sind 17 Grad, und 17 Grad sieht man nicht. Jetzt variieren Helligkeit UND Farbstaerke mit. Zwei Farben mit aehnlichem Ton stehen trotzdem weit auseinander, weil die eine hell und satt und die andere dunkel und ruhig ist -- der Abstand bekommt eine zweite und dritte Dimension. kleinster Abstand 0,097 (dreimal so gross) Paare unter 0,05 0 von 210 Helligkeitsspanne 0,242 Gerechnet in OKLab, weil dort der Zahlenabstand dem entspricht, was das Auge als Unterschied empfindet. Die Auswahl ist eine Suche, kein Geschmack: erst gierig den jeweils entferntesten Ton nehmen, dann so lange tauschen, wie der KLEINSTE Abstand dadurch waechst. Drei Bedingungen halten dabei, und alle drei stehen im Werkzeug als Abbruch, nicht nur im Bericht: lesbar mindestens 4,5:1 gegen den Grund (schlechteste: 4,50) augenschonend Farbstaerke gedeckelt bei 0,17 -- satt ja, Neon nein trennbar gemessen ueber ALLE Paare, nicht nur ueber Nachbarn im Raster: Auf der Uebersicht stehen dieselben Kacheln in anderer Reihenfolge nebeneinander. Das Werkzeug bricht ab, wenn eine neue Palette schlechter waere als der alte Stand (0,0328) -- sonst waere ein schlechter Lauf von einem guten nicht zu unterscheiden. pruef-start-ansicht EXIT=0, 140 Pruefungen. Die Farben zusaetzlich am laufenden Browser abgelesen, nicht nur aus der Datei. Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-08 12:06:30 +02:00
parent df0e74f751
commit f42f9a7266
2 changed files with 264 additions and 163 deletions
@@ -817,27 +817,50 @@ body.start > main { position: relative; z-index: 1; }
   data-ton: Dieselbe Nummer färbt die Kachel und die Hinweiszeile, die
   dorthin führt. Eine Farbe gehört hier zu einem Bereich, nicht zu einem
   Bauteil. */
-[data-ton="1"]  { --ton: #3e95e7; }   /* Dashboard */
-[data-ton="2"]  { --ton: #688beb; }   /* Zahlen */
-[data-ton="3"]  { --ton: #8881e7; }   /* LIVE */
-[data-ton="4"]  { --ton: #a178dc; }   /* Chat */
-[data-ton="5"]  { --ton: #b670ca; }   /* Schutz */
-[data-ton="6"]  { --ton: #c76ab3; }   /* Community */
-[data-ton="7"]  { --ton: #d36699; }   /* Reports */
-[data-ton="8"]  { --ton: #da657c; }   /* Kalender */
-[data-ton="9"]  { --ton: #dc685d; }   /* Bibliothek */
-[data-ton="10"] { --ton: #d96e3c; }   /* Mein Steckbrief */
-[data-ton="11"] { --ton: #d0780e; }   /* Personen */
-[data-ton="12"] { --ton: #bd8501; }   /* Content */
-[data-ton="13"] { --ton: #a98f0d; }   /* Aufgaben */
-[data-ton="14"] { --ton: #929909; }   /* Technik */
-[data-ton="15"] { --ton: #72a234; }   /* Calls */
-[data-ton="16"] { --ton: #47a858; }   /* Start-Check */
-[data-ton="17"] { --ton: #11aa7a; }   /* Agentur */
-[data-ton="18"] { --ton: #0da795; }   /* Automationen */
-[data-ton="19"] { --ton: #16a4a9; }   /* Dateien */
-[data-ton="20"] { --ton: #01a2bd; }   /* Creator-Profile */
-[data-ton="21"] { --ton: #119dd4; }   /* Scout */
+/* NEU GERECHNET AM 08.09.2026 (tools/kachel-farben.mjs).
+
+   Filipe: "viele kacheln haben noch fast die gleiche farben, ähneln sich
+   sehr ... alle seine eigenen farben und so dass sie sich nicht ähneln.
+   sehr wichtig nicht ähneln!!!!" -- und er hatte recht, es liess sich
+   messen. Die alte Palette lief um EINEN Farbring mit absichtlich
+   konstanter Helligkeit; damit blieb als einziger Unterschied der
+   Farbton, und 360 Grad auf 21 Kacheln sind 17 Grad. So wenig sieht man
+   nicht.
+
+     alt   kleinster Abstand 0,033 · 21 von 210 Paaren unter 0,05
+           · Helligkeitsspanne 0,002
+     neu   kleinster Abstand 0,097 · 0 von 210 Paaren unter 0,05
+           · Helligkeitsspanne 0,242
+
+   Jetzt variieren Helligkeit UND Farbstaerke mit. Zwei Farben mit
+   aehnlichem Ton stehen dadurch trotzdem weit auseinander, weil die eine
+   hell und satt und die andere dunkel und ruhig ist.
+
+   Gemessen in OKLab (dort entspricht der Zahlenabstand dem empfundenen
+   Unterschied), und jede Farbe haelt 4,5:1 gegen den dunklen Grund --
+   sie traegt auch Text. Wer sie neu rechnet: Das Werkzeug bricht ab,
+   wenn das Ergebnis schlechter waere als der alte Stand. */
+[data-ton="1"]  { --ton: #0284dd; }   /* Dashboard */
+[data-ton="2"]  { --ton: #e15e8e; }   /* Zahlen */
+[data-ton="3"]  { --ton: #ff9781; }   /* LIVE */
+[data-ton="4"]  { --ton: #c26201; }   /* Chat */
+[data-ton="5"]  { --ton: #febf12; }   /* Schutz */
+[data-ton="6"]  { --ton: #768b09; }   /* Community */
+[data-ton="7"]  { --ton: #089868; }   /* Reports */
+[data-ton="8"]  { --ton: #c06ad0; }   /* Kalender */
+[data-ton="9"]  { --ton: #afde57; }   /* Bibliothek */
+[data-ton="10"] { --ton: #7bba3a; }   /* Steckbrief */
+[data-ton="11"] { --ton: #ed8712; }   /* Personen */
+[data-ton="12"] { --ton: #01edb5; }   /* Content */
+[data-ton="13"] { --ton: #18bfa3; }   /* Aufgaben */
+[data-ton="14"] { --ton: #c0a311; }   /* Technik */
+[data-ton="15"] { --ton: #5fddff; }   /* Calls */
+[data-ton="16"] { --ton: #0da2c6; }   /* Start-Check */
+[data-ton="17"] { --ton: #bac8fc; }   /* Agentur */
+[data-ton="18"] { --ton: #9299fd; }   /* Automationen */
+[data-ton="19"] { --ton: #796ce0; }   /* Dateien */
+[data-ton="20"] { --ton: #fc88db; }   /* Creator-Profile */
+[data-ton="21"] { --ton: #fdb0d2; }   /* Scout */

 /* Rückfallwert für alles, was einen Ton braucht, aber keine Nummer hat.
   Steht bewusst in :where() -- damit zählt die Zeile beim Wettstreit der