Wie mische ich zwei Farben und sehe alle Zwischenstufen?
Farb-Mischer - wähl zwei Farben, schieb den Mischanteil (0-100%), sieh das Ergebnis plus einen Streifen mit 11 Zwischenstufen.
Zwei Misch-Modi: OKLCH (perzeptuell, saubere Interpolation) und RGB (klassisch, manchmal matschige Mittelpunkte).
Klasse für Brand-Farben-Mix, Zwischentöne, Farblehre-Schulung.
So nutzt du das Tool
- Wähl "Farbe A" und "Farbe B" - HEX, nativer Picker.
- Wähl den Modus: OKLCH (empfohlen) oder RGB. OKLCH erhält die perzeptuelle Helligkeit beim Mischen, RGB ist mathematisch klassisch.
- Schieberegler 0-100% legt den Anteil von B im Mix fest. 0% = A, 100% = B, 50% = gleichmäßig.
- Der 11-Stufen-Streifen zeigt den vollen Verlauf zwischen A und B. Klick zum HEX-Kopieren.
- "Details" = aktueller Mix in 4 Formaten (HEX, RGB, HSL, OKLCH).
Wann das hilfreich ist
Wo sich der Farb-Mischer lohnt - typische Szenarien:
- Brand-Farben-Mix - zwei Markenfarben, du brauchst einen Zwischenton für einen Übergangsbutton.
- Hover-Zustand - Button-Grundton + 50% Weiß = hellerer Hover.
- Dark-Mode-Paare - Light-Mode-Farbe + Dark-Mode-Farbe, der Mixer zeigt den sanften Übergang.
- Farblehre-Schulung - sieh, wie "Blau + Gelb in RGB" zu schlammigem Grau wird, während "Blau + Gelb in OKLCH" ein sauberes Grün ergibt - konkreter Beweis dafür, warum OKLCH bei Verläufen besser ist.
- Generative Kunst - Mixer sind die Basis von Dithering, Blending, Layer-Compositing.
- Vor-Design - nicht sicher, welche Akzentfarbe - misch zwei und prüf die Zwischentöne.
Fragen und Antworten
OKLCH hat wahrnehmungsmäßige Gleichmäßigkeit - ein 50%-Mix sieht aus wie 50%. RGB 50% Blau + Gelb = (128,128,128) Grau, was NICHT wie 50% Blau + 50% Gelb aussieht. OKLCH 50%-Mix zwischen Blau und Gelb ergibt sauberes Grün - wahrnehmungsmäßig "in der Mitte".