Mehr Informationen über Farben
Lesen Sie mehr über Farbe—von Licht und Wahrnehmung bis RGB, CMYK, HSL, Hex, Farbrad, Verläufen und Kontrast, die Sie in PictorX ausprobieren können.
Licht, Augen und zwei Arten der Mischung
Farbe ist keine Schicht auf einem Gegenstand. Sie ist Licht plus ein Gehirn, das Wellenlängen in Rot, Gelb oder Blaugrün übersetzt. Bildschirme addieren Licht (additive Mischung): Rot, Grün und Blau laufen auf Weiß zu. Druck und Farbe subtrahieren Licht (subtraktive Mischung): Farben filtern Wellenlängen, und Mischen führt Richtung Schwarz. Deshalb trifft ein Neon auf dem Monitor selten denselben Auftrag auf Papier.
RGB: wie Bildschirme Farbe zählen
Ein Pixel auf Telefon oder Laptop sind drei winzige Lampen. Jeder Kanal liegt meist bei 0–255 (acht Bit). (0, 0, 0) ist Schwarz, (255, 255, 255) Weiß, (255, 0, 0) volles Rot. Hex ist dieselbe Dreiergruppe fürs Web: #FF0000 ist dieses Rot, #000000 Schwarz. Designer sprechen weiter in RGB, weil das Display genau das aussendet.
CMYK: warum der Ausdruck anders aussieht
Drucker legen Cyan, Magenta, Gelb und Schwarz (K) auf. Sie strahlen kein Licht aus, sie schlucken es. Deshalb ist der RGB-Gamut eines Bildschirms größer als die meisten CMYK-Pressen. Ein gesättigtes Elektroblau am Monitor wird auf Papier oft stumpf. Wandeln Sie nach CMYK, bevor Sie eine Druckfarbe versprechen, und proofen Sie auf dem Papier, das Sie nutzen. PictorX kann CMYK-Werte einer gewählten Farbe zeigen, damit Sie die Lücke sehen—kein Ersatz für ein Druckprofil.
HSL und HSV: die Regler der Designer
Farbton ist die Position im Regenbogen (0–360°). Sättigung ist rein versus grau. Helligkeit (HSL) ist die Nähe zu Weiß oder Schwarz; Wert/Helligkeit (HSV) ist die Nähe zu Schwarz, wobei der Farbton lange kräftig bleibt. Designer mögen HSL und HSV, weil „etwas dunkler, gleiches Orange“ ein Regler ist—kein Raten zwischen drei RGB-Zahlen.
Hex und benannte CSS-Farben
Hex (#RRGGBB, manchmal #RGB oder #RRGGBBAA) ist die Web-Kurzform von RGB. CSS bringt auch benannte Farben—coral, steelblue, rebeccapurple—mit festen Hex-Werten. Namen helfen beim Skizzieren; Hex (oder eine moderne CSS-Farbfunktion) ist das, was Sie ausliefern, wenn die Marke stimmen muss.
Das Farbrad und Beziehungen
Ein Farbrad ordnet Farbtöne im Kreis. Klassische Beziehungen: Komplementärfarben sitzen gegenüber (Blau und Orange) und kontrasten hart; analoge Farben sind Nachbarn und wirken verwandt; triadische Farben stehen drei gleiche Schritte auseinander und bleiben lebendig; Split-Komplementär nimmt einen Ton plus die zwei neben dem Gegenton—Kontrast mit weniger Streit; monochrom ist ein Ton in vielen Helligkeiten. Der Palette-Generator von PictorX hält derzeit komplementär, analog und monochrom. Das Rad erklärt trotzdem den Rest des klassischen Satzes, auch wenn ein Werkzeug nicht jede Harmonie anbietet.
Verläufe: Wege zwischen Farben
Ein Verlauf ist eine Mischung entlang eines Pfads. Linear läuft in eine Richtung; radial wächst von einem Zentrum. Color Stops pinnen genaue Farben an Positionen. Mehr Stops heißen mehr Kontrolle, nicht automatisch mehr Geschmack. In CSS sind linear-gradient und radial-gradient dieselbe Idee. Der Verlaufseditor von PictorX lässt Stops ziehen und CSS, HEX, RGB, HSL, HSV oder CMYK kopieren.
Kontrast, Barrierefreiheit, warm und kalt
Kontrast ist, wie weit zwei Farben in Helligkeit (und Farbton) auseinanderliegen. WCAG verlangt genug Kontrast, damit Text lesbar bleibt: etwa 4,5:1 für normalen Text und 3:1 für großen Text auf Stufe AA. Das ist eine Untergrenze, kein Stil. Warme Töne (Rot, Orange, Gelb) wirken näher; kühle (Blau, Grün, Violett) weichen zurück. Nutzen Sie Kontrast für Schrift und UI, warm und kalt für Stimmung.
Farbwerkzeuge in PictorX
Das Farbrad dient zum Wählen eines Tons und Lesen von Harmonien. Der Verlaufseditor ist für Mischungen und CSS. Der Palette-Generator baut, sperrt und mischt Sätze—und kann Farben aus einem Foto ziehen. Color Transfer kleidet ein Bild mit der Palette eines anderen, im Browser. Farb-Effekte schieben ein Foto in Tönungen und andere Looks. Nichts davon ersetzt eine Presse oder ein Spektralphotometer; es ist ein schneller Blick, wie Farbe auf einem Bild wirkt.
Häufig gestellte Fragen
Was ist der Unterschied zwischen RGB und CMYK?
RGB ist additives Licht auf Bildschirmen (meist 0–255 pro Kanal). CMYK ist subtraktive Farbe auf Papier. Die Bereiche unterscheiden sich, deshalb lässt sich eine Bildschirmfarbe oft nicht exakt drucken.
Was bedeutet komplementär auf einem Farbrad?
Komplementärfarben sitzen einander gegenüber. Zusammen kontrastieren sie stark. Der Palette-Generator von PictorX kann aus einer Startfarbe einen komplementären Satz bauen.
Warum nutzen Designer HSL statt RGB?
Farbton, Sättigung und Helligkeit passen dazu, wie wir über Farbe sprechen. Sie können Orange in HSL dunkler machen, ohne es versehentlich braun zu mischen, wie es eine naive RGB-Änderung tun könnte.
Wie viel Kontrast verlangt WCAG?
Für AA etwa 4,5:1 für normalen Text und 3:1 für großen Text. Prüfen Sie die Schrift auf dem echten Hintergrund, nicht nur an einem Musterfeld.
Verwandte Tools
Farbrad
Wählen Sie eine Farbe auf einem interaktiven Rad aus, erstellen Sie komplementäre, analoge, triadische und andere Paletten und kopieren Sie HEX, RGB, HSL, HSV oder CMYK. Es wird nichts hochgeladen.
Verlaufseditor
Erstellen Sie lineare und radiale CSS-Verläufe im Browser. Ziehen Sie Farbstopps, stellen Sie den Winkel ein und kopieren Sie CSS, HEX, RGB, HSL, HSV oder CMYK. Es wird nichts hochgeladen.
Farbpaletten-Generator
Erstellen, sperren und mischen Sie Farbpaletten im Browser. Kopieren Sie HEX, CSS-Variablen oder JSON, exportieren Sie PNG oder SVG und extrahieren Sie Farben aus einem Foto. Es wird nichts hochgeladen.
Farbübertragung
Färben Sie ein Foto mit den Farben eines zweiten Bildes um. Live-Vorschau im Browser mit Stärke-Regler und optional erhaltener Helligkeit. Es wird nichts hochgeladen.
Elektrische Traumfilter
Verleihen Sie Fotos ein filmisches Glow-up über Effekte → Farbe. Nutzen Sie PictorX kostenlos im Browser - keine Softwareinstallation nötig.
Bereit, es auszuprobieren?
Öffnen Sie PictorX in Ihrem Browser – keine Installation, zum Starten ist keine Kreditkarte erforderlich.
Farbrad ausprobieren