Der Standard für Farbintelligenz
Die Anatomie der Farbe & Color Intelligence
Entdecken Sie ColourIntell: Die weltweite Farbintelligenz-Engine mit WCAG 2.2 Kontrastprüfung, 3D-Simulator und über 1.200 kuratierten Farbtönen.
01 / Grundlagen
Was ist Farbe? Physik und Biologie des Sehens
Physikalisch betrachtet ist Farbe keine Eigenschaft von Objekten, sondern die wahrgenommene Interpretation elektromagnetischer Strahlung im sichtbaren Spektrum von 380 nm (Violett) bis 750 nm (Tiefrot).
Das menschliche Auge ist trichromatisch: In der Netzhaut befinden sich drei Fotorezeptor-Zapfentypen: S (~420nm), M (~530nm) und L (~560nm). Das visuelle System decodiert diese Signale in Farbton, Sättigung und Helligkeit.
02 / Methodik
Was ist Farbintelligenz?
Farbintelligenz verbindet optische Physik, Kognitionspsychologie, W3C-Barrierefreiheitsmathematik und algorithmische Designsysteme. Farbauswahl ist kein Zufallsprodukt mehr.
In Produktions-Webanwendungen führt reine Intuition zu Ausfällen: unlesbare Texte, gescheiterte Barrierefreiheits-Audits und visuelle Desorientierung im Dark Mode.
Was ColourIntell.com im Detail leistet
ColourIntell.com ist ein barrierefreies Farb-Betriebssystem für Entwickler, Designer, Videokoloristen und Architekten – direkt im Browser ohne Registrierung:
Multi-Farbraum-Engine
Echtzeit-Konvertierungen zwischen HEX, RGB, HSL, HSV, CMYK, OKLCH, CIE XYZ und CIE Lab mit sRGB-Gammalinearisierung und D65-Weißpunkt.
WCAG 2.2 Prüflabor
Farbkontrastrechner nach W3C-Norm für Level AA (4.5:1), Großtext/UI (3.0:1) und Level AAA (7.0:1).
Harmonische Geometrie
Mathematisch exakte Berechnung von Komplementär-, Analog-, Triaden- und Tetraden-Farbharmonien.
Perzeptuelle Skalen (50–950)
11-stufige Tonwertrampen im OKLCH-Farbraum für konsistente Helligkeitsstufen ohne Farbtondrift.
ColourIntell KI-Agent
Generative Farb-KI powered by Gemini zur Übersetzung natürlicher Textanfragen in UI-taugliche Paletten.
Kognitive Wahrnehmungsspiele
Interaktive Sehschärfe- und Schätz-Trainings zur Schulung des barrierefreien Farbempfindens.
Multi-Framework-Exporte
Sofortige 1-Klick-Exporte für CSS-Variablen (:root), Tailwind CSS, Figma Design-Tokens (JSON) und CMYK.
100% Client-Side Datenschutz
Bildanalysen und Farbextraktionen laufen zu 100% lokal im HTML5-Canvas Ihres Browsers ab.
Frequently Asked Questions
Was ist ColourIntell und für wen wurde es entwickelt?
ColourIntell ist eine weltweite Farbintelligenz-Plattform für UI/UX-Designer, Webentwickler, Design-System-Architekten und Markenentwickler. Es vereint wissenschaftliche Farbraumkonvertierungen (HEX, RGB, HSL, HSV, CMYK, OKLCH, CIE XYZ, CIE Lab) mit WCAG 2.2 Barrierefreiheitsprüfung, harmonischen Palettengeneratoren und sofortigem Code-Export.
Wie berechnet ColourIntell die WCAG 2.2 Kontrastverhältnisse?
ColourIntell verwendet die offizielle W3C-Formel für relative Luminanz: (L1 + 0.05) / (L2 + 0.05). Die relative Leuchtdichte wird durch Gamma-Linearisierung der sRGB-Werte und menschliche Spektralgewichtung (0.2126R + 0.7152G + 0.0722B) bestimmt. Ein Kontrast von 4.5:1 erfüllt AA für Fließtext, 3.0:1 für große UI-Elemente und 7.0:1 entspricht Level AAA.
Was ist der Unterschied zwischen HEX, RGB, HSL und OKLCH?
HEX und RGB sind additive Farbräume für Rot-, Grün- und Blaukanäle auf Bildschirmen. HSL ist ein zylindrisches Modell, spiegelt aber menschliche Helligkeitswahrnehmung ungenau wider. OKLCH, entwickelt von Björn Ottosson, ist ein moderner perzeptueller Farbraum, der Helligkeit exakt an das menschliche Auge anpasst.
Ist die Palettenextraktion aus Bildern privat und sicher?
Ja, zu 100% privat. Die gesamte Farbquantisierung findet lokal im Browser über HTML5 Canvas und JavaScript statt. Ihre Fotos und Grafiken verlassen niemals Ihr Gerät und werden auf keinem externen Server gespeichert.
Wie werden geometrische Farbharmonien berechnet?
Harmonien basieren auf mathematischen Winkeln im 360°-Farbkreis: Komplementär (180° gegenüber), Analog (Nachbarn bei ±30°), Triadisch (120° gleichseitig), Geteilt-komplementär (150° und 210°) sowie Tetradisch (90° Rechteck).
Darf ich ColourIntell-Tokens in kommerziellen Projekten einsetzen?
Ja, uneingeschränkt. Sämtliche generierten CSS-Variablen, Tailwind-Snippets und JSON-Design-Tokens sind frei für persönliche und kommerzielle Projekte nutzbar, ohne Lizenzbeschränkungen oder Namensnennungspflicht.