Miscelatore di colori

Mescola due colori HEX nel rapporto scelto, nello spazio RGB o Lab, e ottieni il colore intermedio come campione e valore HEX copiabile.

Caricamento strumento…

Miscelatore di colori — Incolla due colori in HEX, imposta quanto colore B mescolare con il cursore del rapporto e scegli se combinare in RGB normale o nello spazio percettivo Lab: il risultato appare all'istante come campione di anteprima e valore HEX copiabile. Non ci sono preimpostazioni da attendere né un pulsante da premere; la miscela si ricalcola mentre digiti o trascini. Tutto viene eseguito interamente nel tuo browser, quindi i tuoi colori non lasciano mai il tuo dispositivo.

Cos'è Miscelatore di colori?

Il Miscelatore di colori è uno strumento online gratuito che interpola tra due colori e ti fornisce il colore intermedio. Inserisci il Colore A e il Colore B in HEX (funzionano sia #rrggbb sia la forma abbreviata #rgb), sposti il controllo del rapporto da 0% (tutto Colore A) a 100% (tutto Colore B) e scegli lo spazio colore: l'RGB mescola direttamente i canali grezzi, mentre il Lab mescola in uno spazio percettivo che di solito mantiene il punto medio dall'aspetto più naturale ed evita grigi spenti. Designer, sviluppatori front-end e illustratori lo usano per trovare un mezzo tono tra due colori di brand, creare sfumature morbide a due colori, ricavare tinte per gli stati hover o per i bordi, o vedere in anteprima come due vernici o due stop di gradiente si incontreranno nel mezzo. Il risultato è mostrato come un grande campione sopra un campo HEX di sola lettura che puoi copiare con un clic.

Come usare Miscelatore di colori

  1. Digita o incolla il tuo primo colore nel campo Colore A (HEX) e il secondo nel campo Colore B (HEX), in formato #rrggbb o #rgb.
  2. Trascina il cursore Rapporto (o digita un numero) per impostare quanto Colore B viene mescolato: 0% dà il Colore A, 100% dà il Colore B, 50% è il punto medio esatto.
  3. Scegli lo spazio di miscela con l'interruttore RGB / Lab — scegli Lab per una miscela più uniforme alla vista, o RGB per una media letterale canale per canale.
  4. Osserva il campione di anteprima aggiornarsi dal vivo e leggi il valore HEX del colore miscelato sotto di esso.
  5. Fai clic sul pulsante di copia accanto al risultato per copiare l'HEX miscelato negli appunti.

Esempi

Punto medio RGB di rosso e blu

Input

A #ff0000, B #0000ff, rapporto 50%, RGB

Output

#800080

Prevalentemente verso il bianco

Input

A #4f86f7, B #ffffff, rapporto 75%, RGB

Output

#d3e1fd

Lab contro RGB su due tonalità sature

Mescola #00a000 con #d000d0 al 50%. In RGB ottieni un tono spento, mentre passando a Lab si produce un punto medio che corrisponde meglio a ciò che l'occhio si aspetta tra le due tonalità — comodo per i gradienti a due colori che non devono diventare fangosi al centro.

Domande frequenti

Qual è la differenza tra le opzioni RGB e Lab?
L'RGB mescola i canali rosso, verde e blu in modo indipendente, il che è veloce e corrisponde esattamente a come il CSS calcola la media dei colori, ma può scivolare in grigi spenti per tonalità distanti. Il Lab converte entrambi i colori nello spazio percettivo CIELAB, vi interpola e poi riconverte, mantenendo di solito il punto medio più luminoso e più vicino a ciò che l'occhio si aspetta. Entrambi producono un risultato #rrggbb.
Cosa significa il controllo del rapporto?
Il rapporto indica quanto Colore B c'è nella miscela. Allo 0% il risultato è uguale al Colore A, al 100% è uguale al Colore B e al 50% è il punto medio esatto tra i due. Puoi trascinare il cursore o digitare una percentuale esatta.
Quali formati di colore posso inserire?
Entrambi i campi accettano l'HEX nella forma #rrggbb (sei cifre) o #rgb (abbreviazione a tre cifre). Se uno dei valori non è un colore HEX valido, appare un messaggio di errore e nessuna miscela viene mostrata finché entrambi non sono validi. L'output è sempre un valore HEX #rrggbb.
Posso usare il colore miscelato in una catena dello spazio di lavoro?
Sì. Il risultato è esposto come porta di output, quindi in uno spazio di lavoro deftdeck puoi collegare l'HEX miscelato direttamente a un altro strumento, e si aggiorna automaticamente ogni volta che cambi un colore, il rapporto o lo spazio colore.
I miei colori vengono inviati da qualche parte?
No. Tutti i calcoli di miscela vengono eseguiti localmente nel tuo browser, quindi i tuoi valori di colore non vengono mai caricati su un server. Lo strumento funziona offline e mantiene la tua palette privata.

Strumenti correlati

Codice in immagine

Trasforma uno snippet di codice in un'elegante immagine PNG con evidenziazione della sintassi nel tuo browser, con tema, sfondo a gradiente o trasparente e spaziatura interna — senza alcun caricamento.

Verificatore di contrasto dei colori

Controlla il rapporto di contrasto WCAG tra un colore HEX di primo piano e uno di sfondo e verifica se supera AA e AAA per testo normale e grande.

Generatore di sfumature di colore

Trasforma un colore HEX di base in una scala di sfumature 50-950 in stile Tailwind, miscelando verso il bianco e il nero, ogni livello con campione e HEX copiabile.

Simulatore di daltonismo

Carica un'immagine e visualizza l'anteprima di come appare con protanopia, deuteranopia, tritanopia o daltonismo totale, poi scarica il risultato simulato.