Miscelatore di Colori
Mescola due colori ed esplora il gradiente completo tra essi. Regola il rapporto per ottenere la miscela esatta.
Informazioni su questo strumento
Il Miscelatore di Colori unisce due colori esadecimali nello spazio RGB, producendo una miscela uniforme a qualsiasi rapporto tra 0% e 100%. La scala sfumatura mostra 7 passi equidistanti tra i due colori.
La miscelazione RGB è la stessa operazione che un browser esegue nella composizione dei colori — matematicamente precisa e prevedibile. Il colore miscelato al 50% è il vero punto medio tra i due colori nello spazio RGB.
Come usare
- Scegli due colori con i selettori di colore o inserisci direttamente i codici hex.
- Usa i pulsanti predefiniti per provare combinazioni di colori classiche.
- Trascina il cursore del rapporto per regolare la miscela. 0% dà il Colore 1; 100% dà il Colore 2.
- Fai clic su qualsiasi campione sfumatura o sul pulsante Copia HEX per copiare un colore.
Casi d'uso
I designer UI mescolano il colore principale di un brand con bianco o nero per gli stati hover, attivo e disabilitato. I motion designer scelgono colori intermedi per animazioni keyframe. I frontend developer generano punti di gradiente senza un editor grafico.
Domande frequenti
- È uguale al gradiente CSS? — Sì. CSS linear-gradient mischia anche in sRGB per impostazione predefinita. I passaggi mostrati corrispondono esattamente ai punti intermedi di un gradiente CSS.
- Perché mescolare rosso e blu non dà viola? — In RGB, rosso (#ff0000) e blu (#0000ff) al 50% dà #7f007f (magenta scuro). Un viola vivace richiede di mescolare rosso con un blu-violetto come #8000ff.
- Posso ottenere più passi sfumatura? — La scala mostra sempre 7 passi. Usa il cursore del rapporto per ispezionare qualsiasi punto intermedio specifico.
- Supporta alpha/trasparenza? — No, questo strumento funziona solo con colori hex solidi.