Maggiori informazioni sui colori
Scopri di più sul colore—dalla luce e dalla percezione a RGB, CMYK, HSL, hex, ruota dei colori, gradienti e contrasto da provare in PictorX.
Luce, occhi e due tipi di mescolanza
Il colore non è una vernice posata su un oggetto. È luce, più un cervello che traduce le lunghezze d’onda in rosso, giallo o blu-verde. Gli schermi aggiungono luce (sintesi additiva): rosso, verde e blu vanno verso il bianco. Stampa e pittura sottraggono luce (sintesi sottrattiva): gli inchiostri filtrano e la mescolanza va verso il nero. Un neon sul monitor raramente coincide con lo stesso lavoro su carta.
RGB: come gli schermi contano il colore
Un pixel su telefono o laptop è tre piccole luci. Ogni canale di solito sta tra 0 e 255 (otto bit). (0, 0, 0) è nero, (255, 255, 255) bianco, (255, 0, 0) rosso pieno. L’hex è la stessa terna per il web: #FF0000 è quel rosso, #000000 il nero. Si parla ancora di RGB perché è ciò che il display emette davvero.
CMYK: perché la stampa sembra diversa
Le stampanti stendono ciano, magenta, giallo e nero (K). Non emettono luce, la assorbono, quindi il gamut RGB di uno schermo è più ampio della maggior parte delle macchine CMYK. Un blu elettrico saturo a monitor spesso si spegne su carta. Converti in CMYK prima di promettere un colore di stampa e fai una prova sul supporto vero. PictorX può mostrare i numeri CMYK di un colore scelto, così vedi lo scarto; non sostituisce un profilo di stampa.
HSL e HSV: le manopole del designer
La tinta è la posizione sull’arcobaleno (0–360°). La saturazione è il puro contro il grigio. La luminosità (HSL) è quanto sei vicino al bianco o al nero; il valore (HSV) è quanto sei vicino al nero tenendo la tinta viva fino alla fine. HSL e HSV piacciono perché «un po’ più scuro, stesso arancio» è un cursore, non un azzardo tra tre numeri RGB.
Hex e colori CSS con nome
L’hex (#RRGGBB, a volte #RGB o #RRGGBBAA) è la stenografia web dell’RGB. CSS porta anche colori con nome—coral, steelblue, rebeccapurple—legati a hex fissi. I nomi vanno bene per gli schizzi; l’hex (o una funzione CSS moderna) è ciò che spedisci quando il brand deve coincidere.
La ruota dei colori e le relazioni
Una ruota dei colori dispone le tinte in cerchio. Relazioni classiche: i complementari stanno opposti (blu e arancio) e contrastano forte; gli analoghi sono vicini e sembrano imparentati; i triadici distano tre passi uguali e restano vivaci; lo split-complementare prende una tinta più le due accanto all’opposto, contrasto con meno scontro; il monocromatico è una tinta a tante luminosità. Il generatore di palette di PictorX tiene oggi complementare, analogo e monocromatico. La ruota spiega comunque il resto del set classico, anche se uno strumento non offre ogni armonia.
Gradienti: percorsi tra i colori
Un gradiente è una fusione lungo un percorso. Lineare viaggia in una direzione; radiale cresce da un centro. Gli stop fissano colori esatti. Più stop significano più controllo, non automaticamente più gusto. In CSS, linear-gradient e radial-gradient sono la stessa idea. L’editor di gradienti PictorX lascia trascinare gli stop e copiare CSS, HEX, RGB, HSL, HSV o CMYK.
Contrasto, accessibilità, caldo e freddo
Il contrasto è quanto distano due colori in luminosità (e tinta). WCAG chiede contrasto sufficiente perché il testo resti leggibile: circa 4,5:1 per il testo normale e 3:1 per il testo grande al livello AA. È un pavimento, non uno stile. Le tinte calde (rossi, aranci, gialli) sembrano più vicine; le fredde (blu, verdi, violetti) indietreggiano. Usa il contrasto per testo e UI; caldo e freddo per l’umore.
Strumenti colore in PictorX
La ruota dei colori serve a scegliere una tinta e a leggere le armonie. L’editor di gradienti, alle fusioni e al CSS. Il generatore di palette costruisce, blocca e rimescola set—e può estrarre colori da una foto. Il trasferimento colore riveste un’immagine con la palette di un’altra, nel browser. Gli effetti colore spingono una foto in tinte e altri look. Nulla di questo sostituisce una macchina da stampa o uno spettrofotometro; è un modo veloce per vedere come il colore si comporta su un’immagine.
Domande frequenti
Qual è la differenza tra RGB e CMYK?
RGB è luce additiva sugli schermi (di solito 0–255 per canale). CMYK è inchiostro sottrattivo su carta. Coprono gamme diverse, quindi un colore a schermo spesso non si stampa esatto.
Cosa significa complementare su una ruota dei colori?
I complementari stanno opposti. Insieme contrastano forte. Il generatore di palette di PictorX può costruire un set complementare da un colore di partenza.
Perché i designer usano HSL invece di RGB?
Tinta, saturazione e luminosità coincidono con come parliamo del colore. Puoi scurire un arancio in HSL senza mescolarlo marrone per sbaglio, come potrebbe fare una modifica RGB ingenua.
Quanto contrasto richiede WCAG?
Per AA, circa 4,5:1 per il testo normale e 3:1 per il testo grande. Controlla il carattere sullo sfondo vero, non solo su un campione.
Strumenti correlati
Ruota dei colori
Scegli un colore su una ruota interattiva, genera tavolozze complementari, analoghe, triadiche e di altro tipo e copia HEX, RGB, HSL, HSV o CMYK. Non viene caricato nulla.
Editor di sfumature
Crea sfumature CSS lineari e radiali nel browser. Trascina i fermi colore, imposta l’angolo e copia CSS, HEX, RGB, HSL, HSV o CMYK. Non viene caricato nulla.
Generatore di tavolozze colori
Crea, blocca e rimescola tavolozze nel browser. Copia HEX, variabili CSS o JSON, esporta PNG o SVG ed estrai i colori da una foto. Non viene caricato nulla.
Trasferimento colore
Ricolora una foto con i colori di una seconda immagine. Anteprima dal vivo nel browser, cursore di intensità e luminosità opzionale. Non viene caricato nulla.
Filtri sogno elettrico
Regala alle foto un glow-up cinematografico da Effetti → Colore. Usa PictorX gratis nel browser, senza installare software.
Pronto a provarlo?
Apri PictorX nel tuo browser: nessuna installazione, nessuna carta di credito richiesta per iniziare.
Prova la ruota dei colori