Mescola due colori (color-mix)
Scegli due colori e la percentuale: vedi il colore che ne esce, i passaggi intermedi e come cambia la miscela a seconda dello spazio di calcolo (in sRGB rosso e verde fanno un marrone scuro, nella luce un giallo). Per i siti, il codice color-mix() pronto.
Passaggi
Lo stesso miscuglio nei diversi spazi
Come si usa
- Scegli i due colori.
- Sposta la percentuale e scegli lo spazio.
- Copia il colore, i passaggi o il codice CSS.
Perché nel browser
Tutto si calcola nel tuo browser: i colori e le immagini non vengono mandati a nessun server, niente registrazione e niente pubblicità. I calcoli seguono le regole dei CSS moderni (CSS Color 4), quindi i risultati sono gli stessi che vedrai nel browser.
Domande frequenti
Perché il risultato cambia con lo spazio?
Mescolare vuol dire fare la media di numeri, e ogni spazio descrive il colore con numeri diversi. In sRGB (la media dei valori dello schermo) i colori a metà vengono scuri e spenti; nella luce (sRGB lineare) si mescola come due lampade; OKLab segue la vista umana ed è di solito la scelta migliore.
È come mescolare le tempere?
No: i pigmenti assorbono la luce e si mescolano in un altro modo (blu e giallo fanno verde). Qui si mescola la luce degli schermi, come nei CSS.
Che cos’è color-mix()?
È la funzione dei CSS che mescola due colori direttamente nel foglio di stile, per esempio color-mix(in oklab, #ff0000 30%, #0000ff). Funziona in tutti i browser recenti.
Le immagini e i colori finiscono su un server?
No: tutto avviene nel browser, sul tuo computer o sul telefono. Puoi anche staccare internet dopo aver aperto la pagina.
Strumenti correlati
Ti serve uno strumento che qui non c'è, o un'app per la tua scuola? Scrivimi: valuto i nuovi strumenti e costruisco app su misura.
Scrivimi