Anleitung: Farbmischer
Farbmischer ist ein kostenloses Online-Farb-Tools-Tool, das blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios sofort im Browser ausführt. Daten einfügen, Optionen anpassen, Ergebnis in Echtzeit — ohne Installation, ohne Konto, ohne Uploads.
Beschreibung
Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
- Farb-Tools
- Da alles clientseitig berechnet wird, ist Farbmischer auch für sensible Daten wie API-Keys sicher.
Anleitung
Farbmischer in drei Schritten:
- Daten ins Eingabefeld einfügen (oder Beispiel laden).
- Optionen für das Ziel format anpassen.
- Ausgabe kopieren, herunterladen oder prüfen — Live-Aktualisierung.
Ausführen
Beispiele
Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.
Eingabe
#0ea5b7
Ausgabe
#0ea5b7 + #ffffff at 50% (mixed in RGB)
Result
HEX #87d2db
RGB rgb(135, 210, 219)
HSL hsl(186.4, 54.0%, 69.3%)
Contrast against white : 1.71:1
Contrast against black : 12.26:1
Ramp (9 steps)
0% #0ea5b7
13% #2cb0c0
25% #4abcc9
38% #68c7d2
50% #87d2db
63% #a5dde4
75% #c3e9ed
88% #e1f4f6
100% #ffffff
CSS
--mix: #87d2db;
background: linear-gradient(90deg, #0ea5b7, #ffffff);
此输出由工具真实运行产生，并非人工编写。
Anwendungsfälle
Typische Einsatzfälle für Farbmischer:
- Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
Parameter
Dieses Tool hat keine Optionen — es arbeitet allein mit der Eingabe.
FAQ
Was ist Color Mixer?
Color Mixer dient dazu, blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios. Es läuft vollständig im Browser — Daten bleiben privat.
Ist Color Mixer kostenlos?
Ja: unbegrenzt, ohne Registrierung und ohne Installation.
Werden meine Daten hochgeladen?
Nein. Alles wird lokal im Browser verarbeitet.
Gut zu wissen
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。