Mescolare due colori in proporzione

Lei specifica il primo colore, il secondo e il contributo percentuale del secondo. Il calcolatore elabora separatamente rosso, verde e blu, arrotonda ogni risultato a un canale valido e restituisce sia un valore esadecimale normalizzato maiuscolo sia i singoli numeri RGB. È utile quando un token grafico, un diagramma, un tema o una risorsa automatizzata richiede un risultato ripetibile anziché un colore scelto a occhio. Colori e proporzioni non validi vengono rifiutati chiaramente, mentre input identici generano sempre lo stesso output.

Definisca la proporzione prima della miscela

Consideri la proporzione come la percentuale apportata dal secondo colore. Zero assegna tutto il peso al primo, quindi il risultato coincide con color1; cento restituisce color2. Con venticinque, il primo contribuisce per il settantacinque per cento e il secondo per il venticinque. L’ordine è importante quando si crea una serie di campioni, perché invertirlo senza invertire anche la proporzione cambia il risultato. Inserisca una forma esadecimale breve a tre cifre, come #F00, oppure completa a sei, come #FF0000. Il cancelletto iniziale è facoltativo, ma ogni altro carattere deve essere esadecimale. Lo strumento rifiuta volutamente nomi CSS, funzioni RGB, colori alfa a otto cifre, campi mancanti e valori malformati, senza fare supposizioni. Nei processi in blocco, un refuso produce così un errore esplicito e non una tavolozza plausibile ma errata. Documenti l’ordine degli input negli script riutilizzabili affinché sia sempre chiaro quale estremo riceve la percentuale dichiarata.

Comprenda il calcolo RGB ponderato

L’algoritmo converte ogni colore nei canali rosso, verde e blu compresi fra zero e 255. Per ciascun canale moltiplica il primo valore per uno meno la frazione, il secondo per la frazione, somma i prodotti e arrotonda all’intero più vicino. Una miscela al cinquanta per cento pesa entrambi gli input allo stesso modo; una al dieci resta molto vicina al primo. I canali sono calcolati separatamente, senza casualità, tabelle, rete o regole nascoste. È una media lineare dei canali RGB codificati, non una miscela percettiva né una conversione HSL, LAB, LCH, di pigmenti o con correzione gamma. Il punto medio può quindi non apparire ugualmente luminoso, ed è previsto. Questo modello serve software che richiedono l’aritmetica consueta di generatori di token e routine grafiche. Il campo del metodo rende il calcolo riconoscibile nelle verifiche future.

Usi il risultato in modo affidabile

La risposta offre il colore miscelato come esadecimale maiuscolo a sei cifre e come oggetto RGB con canali interi. Ripete inoltre la proporzione, mostra entrambi i pesi normalizzati e identifica il metodo. Usi il valore hex nelle variabili CSS, nei manifesti dei temi, nei grafici, nei modelli e-mail o nei file di token; scelga i canali separati quando un programma richiede numeri oppure deve misurare contrasto e luminanza. Il calcolo deterministico è adatto a test esatti e fixture stabili. La versione nel browser è comoda per attività occasionali; una richiesta API costa $0.002 quando una pipeline, un CMS o un’applicazione deve automatizzare lo stesso processo. Verifichi l’accessibilità se sul colore comparirà del testo, poiché una proporzione corretta non garantisce contrasto sufficiente. Per una scala uniforme, mantenga la stessa coppia ordinata e applichi una sequenza pianificata di percentuali.