Miscelatore di colori

Miscela due colori candidati per rapporto, quindi esamina il risultato misto in HEX/RGB/HSL prima di spostare il colore finale in documenti, token dell'interfaccia utente o controlli del contrasto.

Questa pagina è dedicata alla fusione rapida dei colori digitali. Aiuta con i modelli e la pianificazione, non con la vera chimica dei pigmenti.

Altre lingue 日本語 | English | 繁體中文 | 繁體中文(香港) | Italiano

Miscela due colori

Scegli due colori e regola la percentuale del colore B. Visualizza la miscela e copia i valori del colore.

Per la progettazione digitale, non per simulare la miscela di vernici o pigmenti reali.

Usa HEX, rgb(), hsl() o un nome supportato, come red. Esempi: #f00; rgb(255, 0, 0); hsl(0, 100%, 50%).

HEX supporta 3 o 6 cifre. RGBA/HSLA, i valori alfa e altri spazi colore non sono supportati.

Colore A: 50% Colore B: 50%

Scegli due colori per iniziare.

Come si usa

  1. Seleziona o inserisci i colori A e B, quindi applica ogni valore con il pulsante o il tasto Invio.
  2. Imposta la percentuale del colore B. Puoi scambiare A e B senza cambiare la miscela o ripristinare i valori iniziali.
  3. Applica tutte le modifiche prima di copiare un valore o l’URL di condivisione.

Usa i colori ottenuti

Usa il Selettore colore per cercare un singolo colore, il Generatore di tavolozze per ampliare la miscela, il Generatore di gradienti per creare un gradiente CSS, il Convertitore di colori per cambiare formato o il Controllo del contrasto per verificare la leggibilità.

Domande frequenti

A cosa serve questo strumento?

Miscela due colori opachi in base alle percentuali e mostra HEX, RGB, HSL e, se esiste una corrispondenza esatta, un nome CSS supportato.

Come vengono miscelati i colori?

Metodo: media ponderata dei canali sRGB codificati, arrotondata a valori a 8 bit. Non è un’interpolazione in luce lineare o in uno spazio percettivo. Nero e bianco al 50% danno #808080.

Simula la miscela di vernici reali?

No. È un’anteprima digitale: non simula pigmenti, materiali o condizioni di illuminazione.

Posso usare la trasparenza o qualsiasi nome CSS?

No. I formati con alfa non sono supportati. Sono disponibili 24 nomi comuni, tra cui red, navy, lime e rebeccapurple, ma non tutti i nomi CSS.

Che cosa salva l’URL di condivisione?

Solo i due colori HEX applicati e la percentuale applicata. Applica le modifiche prima di condividere. I parametri estranei e i frammenti dell’URL sono esclusi.