Color Picker

Scegli i colori e mettiti al lavoro — senza complicazioni

Abbiamo costruito Color Picker nel 2025 perché eravamo stanchi di app pesanti e strumenti colore troppo complessi. Come sviluppatori front-end e illustratori, ci serviva un modo per catturare un colore al volo, ritoccarlo un po’ e andare avanti. È nato come strumento interno, è diventato il preferito dei colleghi, poi l’abbiamo affinato e pubblicato sul web per tutti. Niente account, nessuna curva di apprendimento — apri la pagina, scegli una tonalità e copia i codici HEX, RGB, HSL o HSV.

Perché piace il nostro selettore colori?

Se ti sei mai chiesto come ottenere la tonalità esatta guardando un design, apprezzerai la semplicità di Color Picker. Abbiamo mantenuto l’interfaccia volutamente minimale:

• Clic — e il colore è tuo — tocca un punto qualsiasi della palette e lo strumento mostra subito i valori necessari. Vuoi campionare da una foto o da uno screenshot? Rilascia il file sulla pagina e usa il contagocce.
• Gradienti, facile — crea transizioni setose aggiungendo e spostando gli stop sulla barra. Passa tra lineare e radiale, affina angolo e opacità, quindi copia il CSS.
• Senza limiti, senza costi — Color Picker funziona su qualsiasi browser moderno, su desktop, tablet o telefono. Niente da installare e nessuna tariffa.
• Estensioni quando servono — le nostre estensioni opzionali per Chrome ed Edge portano il contagocce direttamente nel browser, per campionare da qualunque pagina e mantenere la tua cronologia.

A cosa serve

Le persone usano Color Picker in molti modi:

• Designer e team di prodotto lo usano mentre abbozzano interfacce o palette del brand. Esplorare combinazioni e copiare il CSS necessario per i gradienti è rapido.
• Illustratori e artisti usano il contagocce per trarre ispirazione da foto e dipinti. Lo strumento per i gradienti aiuta a pianificare ombreggiature morbide e transizioni di colore.
• Sviluppatori front-end si affidano allo strumento per generare valori colore coerenti tra progetti. L’estensione semplifica il campionamento da siti esistenti.
• Chi verifica l’accessibilità può visualizzare i colori in diversi modelli e regolare l’opacità finché non soddisfa le linee guida sul contrasto.

Primi passi

Nessun manuale necessario — ecco una rapida panoramica:

• Scegli un colore — fai clic in qualsiasi punto della palette. Vedrai subito i valori HEX, RGB e HSV. Affina tonalità, saturazione, luminosità e opacità con i cursori.
• Campiona da un’immagine — trascina un file immagine nella pagina o selezionane uno. Clicca sul pixel desiderato e compariranno i codici colore.
• Crea un gradiente — fai clic sulla barra del gradiente per aggiungere stop e trascinali; passa tra stile lineare e radiale. Regola angolo e opacità finché non è perfetto.
• Copia e riutilizza — i tuoi colori e gradienti vengono salvati automaticamente. Copia i codici o il CSS e incollali nel progetto, oppure condividili con il team.