Kleurmenger: snel starten

Alles voor een eerste geslaagde run: wat je plakt, welke optie er echt toe doet en hoe je het resultaat leest.

Invoer Kleurmenger Uitvoer Draait 100% in je browser — je gegevens verlaten nooit je apparaat.
Kleurmenger — Invoer → Uitvoer. Draait 100% in je browser — je gegevens verlaten nooit je apparaat.

Gebruiksaanwijzing

  1. Open de tool en plak je invoer in het linkerpaneel.
  2. Stel alleen de opties in die je taak echt nodig heeft; de standaardwaarden kloppen voor de meeste invoer.
  3. Lees het resultaat in het rechterpaneel; het werkt live bij tijdens het typen.
  4. Gebruik Kopiëren om het resultaat te pakken of Downloaden om het als bestand op te slaan.
Gebruiksaanwijzing · Kleurmenger 1 Plak je gegevens inhet invoervak (of laadhet voorbeeld). 2 Stel de opties in voorhet gewenste formaat. 3 Kopieer, download ofbekijk de uitvoer —live bijgewerkt.
Gebruiksaanwijzing — 3

Voorbeelden

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

Invoer

#0ea5b7

Uitvoer — Resultaten

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

Uitvoeren

Beschrijving

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

Kleurmenger → · Gebruiksaanwijzing → · Kleurentools →

Gerelateerde tools

Hex KleurkiezerInteractive picker with HEX, RGB and HSL output.Kleur CodeconverterConvert between HEX, RGB, HSL and named colors.Kleur Contrast Controle (WCAG)Verify text contrast ratios against WCAG AA/AAA.Kleur PaletgeneratorShades, tints and complementary schemes from one color.Willekeurig KleurgeneratorBatch random colors with copyable codes.CSS Genoemde KleurenReferentieAll 148 CSS color names with codes and previews.