🎨

Selettore Colori

Carica un'immagine o utilizza il contagocce di sistema per identificare esattamente il colore di ogni pixel e ottenerne le coordinate.

inspirationTitle

inspirationText

Cos'è il selettore colori

Un contagocce digitale che legge i dati RGBA di un pixel attraverso l'API Canvas o EyeDropper, li converte in formati comunemente usati e restituisce coordinate utili per riprodurre il colore esatto in UI, stampa o motion design.

Caratteristiche principali

🎯

Precisione al pixel

Clicca sull'immagine e ottieni valori accurati con coordinate X/Y
🎨

Formati multipli

Visualizza e copia HEX, RGB, HSL, HWB e nome colore CSS
🖱️

Contagocce di sistema

Su browser compatibili attiva l'API EyeDropper per campionare direttamente dallo schermo
🗂️

Storico campioni

Raccogli una lista di colori estratti e riutilizzali nella tua palette

📋Come usarlo

1️⃣
Carica o cattura
Trascina un'immagine, aprila dal disco oppure attiva il contagocce
2️⃣
Clicca il pixel
Muovi il cursore sull'area d'interesse e fai clic per leggere il colore
3️⃣
Copia il formato
Scegli il formato necessario e copia in un clic negli appunti

Frequently Asked Questions

Come funziona il selettore di colori?

Il selettore di colori utilizza l'API Canvas per leggere i dati dei pixel dalle immagini. Quando clicchi sull'immagine, estrae i valori RGBA a quella coordinata e li converte in vari formati di colore inclusi HEX, RGB, HSL e HWB per la visualizzazione.
💬

Quali formati di immagine sono supportati?

Lo strumento supporta tutti i formati di immagine web comuni inclusi JPG, PNG, GIF e WebP. Puoi caricare immagini trascinando e rilasciando o cliccando per selezionare un file.
🔍

Come uso i valori di colore estratti?

I valori di colore estratti sono visualizzati nei formati HEX, RGB, HSL e HWB. Clicca su qualsiasi formato per copiarlo negli appunti e usarlo direttamente in CSS, strumenti di design o codice.
💡

Posso estrarre più colori contemporaneamente?

Puoi estrarre un colore alla volta. Tuttavia, puoi cliccare su parti diverse dell'immagine successivamente per estrarre più colori e copiare ciascuno secondo necessità.
📚

Cosa significano le coordinate del colore?

Le coordinate (X, Y) rappresentano la posizione del pixel cliccato nell'immagine. X è la posizione orizzontale (0 a sinistra), Y è la posizione verticale (0 in alto), aiutandoti a localizzare lo stesso colore esatto in seguito.

💡Suggerimenti rapidi

Gestisci palette

Salva una serie di colori estratti per definire palette brand o gradienti

Verifica il contrasto

Confronta il colore con i requisiti WCAG quando lo abbini a sfondi o testi

Considera il profilo

Per materiali destinati alla stampa converti i valori in CMYK con il convertitore colori

User Comments

0 / 2000
Loading...