Color Picker Online

Informazioni su Color Picker Online
Usa questo selettore colori online per scegliere un colore da un’immagine caricata, prelevarlo dallo schermo quando il browser lo supporta oppure inserire manualmente un valore colore. Il colore selezionato viene convertito subito nei formati più comuni, come HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV e CMYK, così puoi copiare il valore che ti serve senza cambiare pagina.

• Funzionalità
Selettore colore da immagine: scegli un’immagine locale e passa sopra l’immagine per visualizzare l’anteprima dei pixel vicini. Fai clic sull’immagine per selezionare il colore corrente.

Estrazione palette da immagine: dopo aver caricato un’immagine, lo strumento estrae una palette compatta dei colori principali, che possono essere copiati o applicati come colore attuale.

Regolazione a livello di pixel: dopo aver selezionato un colore da un’immagine, usa i tasti freccia per regolare con maggiore precisione la posizione del pixel selezionato.

Selettore colore dallo schermo: usa il selettore dello schermo del browser per scegliere un colore dallo schermo quando questa funzione è supportata dal tuo browser.

Input manuale del colore: inserisci manualmente un colore usando il selettore colore o un valore HEX / HEXA, ad esempio #2563EB o #2563EBFF.

Formati colore multipli: converti il colore selezionato nei formati HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV e CMYK.

Colori abbinati: genera opzioni complementari, analoghe, triadiche, tinte tenui e toni attenuati a partire dal colore corrente.

Tinte e sfumature: crea una scala pratica dal chiaro allo scuro, utile per sfondi, bordi, stati hover, badge e componenti UI.

Contrasto del testo e abbinamento UI: confronta testo bianco e nero usando il contrasto WCAG, mostra un riferimento percettivo in stile APCA e suggerisce una coppia UI più confortevole quando un colore molto saturo richiede uno sfondo più scuro o più chiaro.

Variabili CSS: copia variabili CSS pronte all’uso per il colore corrente, le varianti chiare e scure, il colore del testo leggibile e la coppia sfondo/testo consigliata per l’interfaccia.

Elaborazione nel browser: lettura dell’immagine, selezione del colore, estrazione della palette e conversione dei colori vengono eseguite direttamente nel browser, senza installare un’app separata.

• Note
Il selettore dallo schermo dipende dal supporto del browser. Nei browser che non supportano la selezione colore dallo schermo, puoi comunque usare il prelievo da immagine o l’input manuale.

Quando scegli colori da un’immagine, l’immagine può essere ridimensionata per adattarsi alla pagina, ma il colore campionato viene ricondotto alla posizione del pixel nell’immagine originale.

Il contrasto del testo viene calcolato sul colore pieno selezionato. Quando il testo appare su gradienti, foto, trasparenze o sfondi con texture, verifica anche visivamente il design finale.

Il valore in stile APCA viene fornito come riferimento percettivo accanto al contrasto WCAG. In questa pagina, il contrasto WCAG resta il controllo di accessibilità con esito superato/non superato.

Per colori usati in interfacce, documenti, immagini o materiali stampati, l’aspetto finale può variare in base a impostazioni dello schermo, profili colore, formati file e dispositivi di output.

:wiki_link