← Torna alle funzionalità
Free

Selettore colori

Fornisce un contagocce pixel-preciso per selezionare colori da qualsiasi elemento.

Estrarre valori colore esatti è un compito comune. Il contagocce funziona a livello di pixel — legge il colore reale renderizzato di qualsiasi pixel sotto il cursore.

Anteprima dal vivo
example.com
Crosshair targeting pixel
HEX#7c3aed
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
Recent picks — click to copy
Caratteristiche principali

Contagocce pixel-preciso

Un cerchio di anteprima ingrandito mostra i pixel intorno al cursore con mirino per selezione esatta.

Tre formati simultanei

HEX, RGB e HSL mostrati tutti contemporaneamente.

Copia per formato con un clic

Clicca su qualsiasi riga formato per copiare quel valore.

Striscia cronologia colori

I colori selezionati recentemente sono salvati in una striscia visiva.

Campione colore grande

Il colore selezionato è mostrato come campione grande per verifica facile.

Funziona su tutto

Seleziona colori da CSS, gradienti, immagini, canvas, video e sovrapposizioni.

Casi d'uso comuni

Abbinare colori brand

Seleziona il colore esatto dal sito di un'azienda.

Estrarre colori da immagini

Seleziona colori direttamente da foto e illustrazioni.

Verifica implementazione colori

Il bottone dovrebbe essere #7c3aed? Seleziona e verifica.

Costruire palette da riferimenti

Seleziona colori che ti piacciono mentre navighi — la cronologia costruisce una palette.

Controllare colori gradiente

Seleziona colori in punti diversi di un gradiente CSS.

Come usare
1

Attiva il Selettore

Apri il dock e clicca l'icona.

2

Hover per anteprima

Muovi il cursore sulla pagina per vedere l'anteprima ingrandita.

3

Clicca per selezionare

Clicca per catturare il colore in quel pixel.

4

Copia il formato

Clicca sulla riga HEX, RGB o HSL per copiare.

5

Seleziona altri colori

Continua a cliccare. Ogni selezione si aggiunge alla cronologia.

Pronto a provare? Selettore colori?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox