IMAGE · 5/8 COLORS · PNG · CSS
Cartoon-Farbpaletten-Generator
Lade eine Illustration hoch, extrahiere lokal fünf oder acht dominante Farben, sperre wichtige Farbfelder und exportiere HEX-, RGB- und HSB-Werte.
Cartoon-Palette erstellenToon Tone
Toon Tone ist ein Cartoon-Farbrätsel, bei dem du ikonische Figurenfarben aus dem Gedächtnis mit Farbton-, Sättigungs- und Helligkeitsreglern nachbaust. Toon Tone macht jede Runde zu gezieltem Farbtraining.
46 Start-PromptsTägliches Spiel mit 5 RundenKein Konto nötig
1/5
Triff die Farbe von
rotes Shirt von Steven Universe
Prompt inspiriert von Steven Universe (2013)
Deine Auswahl
Original
IMAGE · HEX · RGB · HSB
Bild-Farbwähler
Lade ein Bild, lies einen exakten Pixel und speichere HEX, RGB und HSB, ohne die Datei an einen Server zu senden.
Farbe aus einem Bild wählenIMAGE · RECOLOR · ALPHA · PNG
Eine Farbe im Bild ersetzen
Farbe lokal aufnehmen, Auswahlbereich steuern, Schattierung erhalten und ein transparentes oder umgefärbtes PNG laden.
Farbersetzer öffnenHEX · IMAGE · CSS NAMES · ΔE
Farbnamen-Finder
Benenne einen HEX-Wert oder ein Bildpixel mit dem nächsten CSS-Schlüsselwort, fünf gemessenen Alternativen und einem Toon-Tone-Ziel.
Farbnamen findenHSB · HEX · RGB
HSB-Farbwähler
Regle Farbton, Sättigung und Helligkeit, während HEX und RGB gemeinsam aktualisiert werden.
HSB-Farbwähler öffnenWHEEL · 5 RULES · CSS · PNG
Farbharmonie-Generator
Wähle eine HEX-Farbe, vergleiche fünf Regeln des Farbkreises, prüfe praktische Rollen und exportiere eine wiederverwendbare Palette.
Farbharmonie erstellenHEX · TINTS · SHADES · WCAG
Farbschattierungen-Generator
Verwandle einen HEX-Wert in eine Licht-Schatten-Skala mit Kontrastwerten, CSS-Variablen und PNG-Export.
Farbstufen erzeugenWCAG 2.2 · AA · AAA · HEX
Farbkontrast-Checker
Prüfe zwei HEX-Farben für AA und AAA, korrigiere den Vordergrund und vergleiche alle Paare einer Palette.
Farbkontrast prüfenIMAGE · PROTAN · DEUTAN · TRITAN
Farbenblindheit-Simulator
Vergleiche ein Bild mit drei Farbsehschwäche-Modellen, passe die visuelle Stärke an und exportiere lokal eine beschriftete PNG-Datei.
Farbsehen simulierenCIEDE2000 · HEX · HSB
Delta-E-Rechner
Vergleiche zwei HEX-Farben mit einem kostenlosen CIEDE2000-Delta-E-Rechner, Farbfeldern, HSB-Differenzen, praktischer Einordnung und klaren Grenzen.
Delta-E-Rechner öffnenNeuester Artikel
RGB vs CMYK: Praxisleitfaden für Bildschirm und Druck
Arbeite in RGB, solange das Design für Bildschirme bestimmt ist, und bewahre ein editierbares RGB-Master. Konvertiere erst eine Kopie in das verlangte CMYK-Profil, wenn Ausgabe, Druckbedingung und Proof-Verfahren bekannt sind.
Errate mit Toon Tone klassische Toon-Farben, keine zufälligen Farbfelder.
Der Reiz in Toon Tone liegt im Gedächtnistest: Du weißt, wie die Figur aussehen sollte, aber den exakten Ton zu treffen ist schwerer als der Farbname. Toon Tone hält jeden Prompt konkret.
Mehr zum Cartoon-FarbspielFigurenbibliothek ansehenCartoonfiguren nach Farben ansehenFarbpaletten ansehenFarbgedächtnistest mit CartoonfigurenCartoon-PalettengeneratorBild-FarbwählerBildfarbe ersetzenFarbnamen-FinderHSB-FarbwählerFarbharmonie-GeneratorFarbmischerFarbschattierungenFarbenblindheit-SimulatorFarbkontrast-CheckerBlaue Cartoon-FigurenRote Cartoonfiguren
Methode, Belege und redaktionelle Verantwortung
Wie Toon Tone erinnerte Farben in ein messbares Spiel verwandelt
Toon Tone ist ein kostenloses Browserspiel, in dem du einen benannten Cartoon-Farbton aus dem Gedächtnis nachbaust, bevor die Lösung erscheint. Das Spiel erfasst Farbton, Sättigung und Helligkeit, wandelt Tipp und Ziel in Bildschirmfarben um, vergleicht beide mit CIEDE2000 und gibt einen nachvollziehbaren Spielwert von 0 bis 100 aus. Die Auflösung bleibt sichtbar, damit aus jedem Ergebnis ein konkreter nächster Versuch entsteht.
Die Bewertungsmethode von Toon Tone
Eine Toon Tone Runde beginnt mit einer Figur und einem genau benannten Teil, nicht mit einem anonymen Farbfeld. Du stellst den Farbton von 0° bis 360° sowie Sättigung und Helligkeit von 0% bis 100% ein. Nach dem Absenden wandelt das Spiel beide HSB-Tripel in darstellungsorientierte Farbwerte um und berechnet ihre CIEDE2000-Distanz. Es ordnet eine kleinere Distanz einem höheren Rundenwert zu: score = round(100 − 2 × ΔE00), begrenzt auf 0 bis 100.
Diese Zahl ist Feedback innerhalb des Spiels, keine Diagnose und keine industrielle Toleranz. Fünf Runden ergeben höchstens 500 Punkte; das geteilte Ergebnis nutzt den Durchschnitt von 0 bis 100. Das Spiel zeigt zusätzlich Tipp, Ziel und beide HSB-Werte. So lässt sich erkennen, ob vor allem Farbton, Sättigung oder Helligkeit abgewichen sind, statt einer unerklärten Punktzahl zu vertrauen.
Für eine wiederholbare Übung bleibt der tägliche Seed für alle gleich. Der Seed bestimmt fünf Ziele, während die serverseitige Prüfung die eingereichten HSB-Werte erneut gegen dieselben Ziele berechnet. Das Spiel verwendet die öffentliche Bestenliste deshalb als Spielverlauf, nicht als wissenschaftlichen Datensatz. Namen und Live-Werte sind nutzergeneriert und werden nicht als redaktioneller Beleg, Keyword-Text oder strukturierte Aussage verwendet.
Das Spiel trennt außerdem unterschiedliche Entscheidungen. CIEDE2000 beschreibt den wahrgenommenen Abstand zweier Farben; ein WCAG-Kontrastverhältnis beantwortet dagegen, ob Text und Hintergrund ausreichend unterscheidbar sind. Es verlinkt deshalb den Delta-E-Rechner und den Kontrastprüfer als verschiedene Werkzeuge. Ein guter Spielwert ersetzt weder eine Barrierefreiheitsprüfung noch eine freigegebene Markenfarbe oder einen kalibrierten Druckmesswert.
Auch das Anzeigegerät bleibt Teil des Spielerlebnisses. Helligkeit, Farbprofil, Umgebungslicht und Displayeinstellungen können verändern, wie ein Farbton erscheint. Die Anwendung veröffentlicht die numerischen Eingaben und die berechnete Auflösung, damit der Ablauf reproduzierbar bleibt, verspricht aber keine identische Wahrnehmung auf jedem Bildschirm. Für verbindliche Produktion müssen Nutzer zur autorisierten Quelle und zum passenden Messstandard zurückkehren.
Eine wiederholbare Toon Tone Übung
Die Übung hilft am meisten, wenn jede Auflösung genau eine Entscheidung der nächsten Runde verändert.
- 1. Toon Tone Ziel benennenLies den Figurenteil, stelle dir die Farbfamilie vor und lasse Toon Tone die gespeicherte Lösung bis zum Absenden verbergen.
- 2. Toon Tone Tipp aufbauenStelle erst den Farbton, dann Sättigung und Helligkeit ein, damit jede Toon Tone Korrektur erklärbar bleibt.
- 3. Toon Tone Auflösung prüfenVergleiche die HSB-Kanäle und den CIEDE2000-basierten Toon Tone Wert und korrigiere danach die größte Abweichung.
Toon Tone Fakten auf einen Blick
| Messgröße | Veröffentlichter Wert | Bedeutung |
|---|---|---|
| Tagesformat | 5 Runden | Das Spiel verbindet fünf benannte Ziele zu einem Tagesergebnis. |
| HSB-Regler | 3 Kanäle | Die Regler trennen Farbton, Sättigung und Helligkeit. |
| Eingabebereiche | 0–360°; 0–100%; 0–100% | Jeder Bereich steht direkt am jeweiligen Regler. |
| Runde und Lauf | 0–100; 0–500 | Die Oberfläche veröffentlicht Rundenwert und Fünf-Runden-Summe. |
| Lokalisierte Routen | 8 Sprachen | Entsprechende Seiten werden in allen unterstützten Sprachen gepflegt. |
Standards hinter den Toon Tone Farberklärungen
Toon Tone verknüpft Messbehauptungen mit Primärstandards oder Originalforschung. Toon Tone Produktzahlen stammen aus Oberfläche und Bewertungslogik; externe Spezifikationen bleiben die Autorität für Webfarben und Barrierefreiheit.
Die W3C-Spezifikation CSS Color sagt im Original:
“Hue is represented as an angle of the color circle.”
Von Toon Tone verwendete Primärquellen
- CSS Color Module Level 4CSS Color Level 4 definiert Farbtonwinkel und sRGB-Darstellungen für Toon Tone Webfarben.
- Web Content Accessibility Guidelines (WCAG) 2.2WCAG 2.2 veröffentlicht die Kontrastschwellen 4,5:1 und 3:1 für den separaten Toon Tone Kontrastprüfer.
- The CIEDE2000 color-difference formulaSharma, Wu und Dalal dokumentieren CIEDE2000-Implementierung und Testdaten für Toon Tone Distanzberechnungen.
Was ein Toon Tone Ergebnis nicht beweist
Toon Tone nennt Grenzen, weil auch eine präzise Zahl falsch gelesen werden kann. Toon Tone bleibt Spiel und Übungswerkzeug.
- Toon Tone diagnostiziert weder Farbsehen, Sehkraft, Gedächtnis noch eine medizinische Erkrankung.
- Toon Tone belegt keine offizielle Studio-, Marken-, Druck-, Lack- oder Produktionsfarbe.
- Toon Tone ersetzt keine WCAG-Prüfung, kalibrierte Messung oder Bewertung nach dem geltenden Standard.
Die Toon Tone Methode prüfen
Lies, wie Toon Tone Quellen auswählt, wechselnde Bestenlistenbeiträge trennt und Veröffentlichungen korrigiert. Danach kannst du im Delta-E-Rechner ein Farbpaar direkt prüfen.
FAQ
Schnelle Fragen
Was ist Toon Tone?
Toon Tone ist ein browserbasiertes Cartoon-Farbrätsel mit HSB-Reglern.
Ist Toon Tone kostenlos?
Ja. Die Startversion ist kostenlos im Browser spielbar und braucht kein Konto.
Wie wird gewertet?
Das Spiel vergleicht deine Farbe per wahrnehmungsbasierter Distanz mit dem Ziel und wandelt sie in 0 bis 100 Punkte um.
Können Figuren-Assets geändert werden?
Ja. Die Start-Assets sind ersetzbar, falls Feedback oder Rechtehinweise eingehen.