Farbmischer: Schnellstart-Anleitung

Alles für den ersten erfolgreichen Durchlauf: was eingefügt wird, welche Option wirklich zählt und wie das Ergebnis zu lesen ist.

Eingabe Farbmischer Ausgabe Läuft zu 100 % im Browser — Ihre Daten verlassen Ihr Gerät nicht.
Farbmischer — Eingabe → Ausgabe. Läuft zu 100 % im Browser — Ihre Daten verlassen Ihr Gerät nicht.

Anleitung

  1. Öffnen Sie das Tool und fügen Sie Ihre Eingabe links ein.
  2. Passen Sie nur die Optionen an, die Ihre Aufgabe wirklich braucht — die Standardwerte passen für die meisten Eingaben.
  3. Lesen Sie das Ergebnis rechts; es aktualisiert sich beim Tippen.
  4. Nutzen Sie Kopieren für das Ergebnis oder Herunterladen, um es als Datei zu speichern.
Anleitung · Farbmischer 1 Daten ins Eingabefeldeinfügen (oderBeispiel laden). 2 Optionen für das Zielformat anpassen. 3 Ausgabe kopieren,herunterladen oderprüfen —Live-Aktualisierung.
Anleitung — 3

Beispiele

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Eingabe

#0ea5b7

Ausgabe — Ergebnisse

#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);

Ausführen

Beschreibung

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Farbmischer → · Anleitung → · Farb-Tools →

Verwandte Tools

Hex FarbwählerInteractive picker with HEX, RGB and HSL output.Farb CodeumrechnerConvert between HEX, RGB, HSL and named colors.Farb Kontrast Prüfung (WCAG)Verify text contrast ratios against WCAG AA/AAA.Farb PalettengeneratorShades, tints and complementary schemes from one color.Zufalls FarbgeneratorBatch random colors with copyable codes.CSS Benannte FarbenReferenzAll 148 CSS color names with codes and previews.