Miscelatore di colore: guida rapida

Tutto ciò che serve per un primo utilizzo corretto: cosa incollare, quale opzione conta davvero e come leggere il risultato.

Input Miscelatore di colore Output Funziona al 100% nel browser: i dati non lasciano mai il dispositivo.
Miscelatore di colore — Input → Output. Funziona al 100% nel browser: i dati non lasciano mai il dispositivo.

Come si usa

  1. Apri lo strumento e incolla l’input nel riquadro a sinistra.
  2. Regola solo le opzioni davvero necessarie: i valori predefiniti vanno bene per la maggior parte dei casi.
  3. Leggi il risultato nel riquadro a destra; si aggiorna mentre scrivi.
  4. Usa Copia per prelevare il risultato o Scarica per salvarlo come file.
Come si usa · Miscelatore di colore 1 Incolla i dati nelcampo di input (ocarica l’esempio). 2 Regola le opzioni inbase al formatodesiderato. 3 Copia, scarica oconsulta l’output —aggiornato in temporeale.
Come si usa — 3

Esempi

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

Input

#0ea5b7

Output — Risultati

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

Esegui

Descrizione

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

Miscelatore di colore → · Come si usa → · Strumenti colore →

Strumenti correlati

Selettore di esadecimale coloreInteractive picker with HEX, RGB and HSL output.Convertitore di colore CodeConvert between HEX, RGB, HSL and named colors.colore contrasto Controllo (WCAG)Verify text contrast ratios against WCAG AA/AAA.Generatore di colore paletteShades, tints and complementary schemes from one color.Generatore di casuale coloreBatch random colors with copyable codes.Riferimento di CSS Nominati ColoriAll 148 CSS color names with codes and previews.