Skip to content
Zoyku

Selettore colori

Scegli un colore dal campione o prendine uno direttamente dallo schermo con l'API EyeDropper — hex, RGB e HSL copiati con un clic.

#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)

Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.

Questo strumento gira interamente nel tuo browser. I tuoi dati non lasciano mai il dispositivo: non vengono caricati su nessun server.

Come si usa

  1. 1Clicca sul campione di colore e scegli un colore, oppure usa Prendi dallo schermo dove disponibile.
  2. 2Leggi i valori hex, RGB e HSL sotto l'anteprima.
  3. 3Clicca su Copia accanto al formato che ti serve.

Selettore colori

Clicca sul campione per comporre un colore a vista, oppure — nei browser Chromium — usa Prendi dallo schermo per campionare qualsiasi pixel già presente sul tuo display. Il valore scelto appare insieme come hex, rgb() e hsl(), ognuno con il suo pulsante di copia.

Il campionamento usa l'API EyeDropper integrata del browser e legge il pixel in locale; nulla viene registrato, caricato o salvato. Sui browser senza l'API, l'input del campione tiene tutto funzionante.

Domande frequenti

Perché «Prendi dallo schermo» non compare?

L'API EyeDropper è oggi disponibile nei browser basati su Chromium (Chrome, Edge, Brave, Opera). Firefox e Safari non la espongono ancora, quindi quei browser mostrano solo l'input del campione — tutto il resto funziona identico.

Qual è la differenza tra hex, RGB e HSL?

Descrivono lo stesso colore in tre modi: hex impacchetta rosso-verde-blu in #RRGGBB per CSS e strumenti di design; rgb() dichiara i tre canali numericamente; hsl() esprime tonalità, saturazione e luminosità, il che è più facile per costruire palette e stati hover a mano.

Il campionamento dello schermo è privo di rischi per la privacy?

Sì. L'API EyeDropper mostra un selettore di sistema e restituisce solo il singolo pixel su cui clicchi; la lettura avviene nel tuo browser e nessuno screenshot, cronologia o valore viene trasmesso o salvato.

Strumenti correlati

Tutti gli strumenti Utilità →

Convertitore di colori

Incolla un colore in hex, rgb() o hsl() e ottieni tutti e tre i formati più una riga già pronta di tinte e ombre per il tuo design system.

Tutti gli strumenti →

Generatore di codici QR

Trasforma qualsiasi testo o URL in un codice QR nitido con dimensione, colori e livello di correzione errori regolabili — scarica come PNG o SVG.

Tutti gli strumenti →

Generatore di codici a barre

Crea codici a barre scansionabili CODE128, EAN-13 e UPC-A con larghezza e altezza delle barre regolabili — output vettoriale SVG, renderizzato nel tuo browser.

Tutti gli strumenti →

Calcolatrice di proporzioni

Data una proporzione come 16:9 e una dimensione, ottieni all'istante larghezza o altezza mancante — più preset dal 1:1 al 21:9 per video e design.

Tutti gli strumenti →

Incorpora questo strumento

Metti questo strumento sul tuo sito con una riga: gira nel browser del visitatore.

<iframe src="https://zoyku.com/it/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>
100% local processing