Real Color Picker Logo
Real Color Picker
Selettore colore 100% gratis • Nessun account richiesto

Selettore di Colori Online Gratis & Studio Palette

Estrai codici esatti HEX, RGB, HSL e OKLCH con il nostro contagocce. Carica una foto, incolla dagli appunti (Ctrl+V) o seleziona dallo schermo con lente 16x.

Trascina un'immagine qui, oppure sfoglia i file

Incolla dagli appunti (Ctrl+V / Cmd+V) o trascina dal desktop

PNG, JPG, WEBP, SVG, GIFMax 25 MB100% nel browser

Carica o seleziona un'immagine di esempio sopra per iniziare a campionare colori

100%
ClickClicca per selezionare e bloccare il colore•↑ ↓ ← →per micro-regolazione di 1 pixel
Colore selezionato
#0070F3
Colore attivoVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

Codici e formati coloreCopia
History0 / 20
Armonie di colore
Ombre e gradazioni
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

Studio generatore di palette

Crea combinazioni armoniose o estrai i colori direttamente dalla tua immagine

Studio di contrasto e accessibilità WCAG

Verifica i rapporti di conformità WCAG 2.1 e i deficit visivi in tempo reale

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
Testo normale (16px)AAA Superato

Quel vago giovinetto scherza con la bella fanciulla

Anteprima di accessibilità ad alto contrasto per testare la leggibilità in tempo reale.

Rapporto calcolato4.52 : 1
Testo normale (AA)Superato
Testo grande (AA)Superato
Testo normale (AAA)Non superato
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

Studio sfumature CSS

Crea, personalizza e copia sfumature CSS moderne a più punti colore

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
Angolo135°
Punti colore
Preset Styles
Libreria palette salvate100% Client-Side

Le tue collezioni di colori salvate privatamente nel browser

Il miglior selettore di colori e studio palette online gratuito

Progettato per sviluppatori frontend, designer UI/UX e creativi che esigono precisione al subpixel e velocità assoluta.

01

Lente 16x subpixel

Griglia dei singoli pixel e controllo tramite frecce della tastiera con scatti di 1 pixel.

02

Estrazione intelligente palette

Algoritmo K-Means per estrarre con 1 clic i colori dominanti ed energici da qualsiasi immagine.

03

WCAG 2.1 & Export token

Rapporti di contrasto AA/AAA in tempo reale, simulazione daltonismo ed export Tailwind CSS v4.

Come usare Real Color Picker Online

Segui questi 4 semplici passaggi per estrarre ed esportare codici colore da qualsiasi immagine.

1

Importa o cattura l'immagine

Trascina file (PNG, JPG, WEBP, SVG), incolla (Ctrl+V) o preleva direttamente dallo schermo.

2

Ingrandisci e mira al pixel esatto

Posiziona la lente 16x, usa le frecce per regolare di 1 pixel e clicca per bloccare.

3

Ispeziona codici e armonie

Copia codici HEX, RGB, HSL, CMYK, LAB e OKLCH con armonie complementari e triadiche.

4

Salva ed esporta i token

Salva le palette nella libreria locale o esporta direttamente in Tailwind CSS v4 e Figma.

Guida completa ai formati colore

Real Color Picker converte istantaneamente qualsiasi colore in oltre 8 spazi cromatici standard.

FormatFormatoUtilizzo consigliato / Specifica
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

Domande frequenti (FAQ)

Tutto quello che c'è da sapere sul campionamento dei colori e la conversione dei formati.

Real Color Picker è affiliato a Google?
Real Color Picker è uno strumento indipendente e non ha alcuna affiliazione con Google. Offriamo una suite 100% gratuita, veloce e basata interamente sul browser per designer e sviluppatori.
Cos'è uno strumento di selezione colore (color picker)?
È un'applicazione digitale che permette di campionare con precisione i valori cromatici da uno schermo o immagine e convertirli in formati digitali standard come HEX, RGB, HSL e OKLCH.
Come estraggo i codici colore da un'immagine su PC o smartphone?
Trascina l'immagine o incollala. Una volta aperta, passa il cursore con la lente 16x e clicca su qualsiasi pixel per copiare il codice HEX.
Questo strumento è davvero 100% gratuito e senza limiti?
Sì, Real Color Picker è completamente gratuito, senza abbonamenti e senza limiti di utilizzo.
Devo creare un account per salvare le mie palette?
Non serve alcun account. Le tue palette vengono salvate privatamente nel localStorage del tuo browser.
Cosa rende questo strumento migliore dei contagocce standard dei browser?
Offriamo una lente 16x con griglia di singoli pixel, reticolo centrale e controllo da tastiera per spostarsi di 1 pixel alla volta.
Posso generare palette casuali con la barra spaziatrice?
Sì! Nella pagina del generatore di palette basta premere la barra spaziatrice per esplorare combinazioni bilanciate.
Qual è la differenza tra Color Picker e Hex Color Picker?
Indicano lo stesso strumento. L'Hex Color Picker formatta specificamente il colore nella notazione esadecimale a 6 caratteri (es. #0070F3).
Come viene calcolata la conformità del contrasto WCAG 2.1?
Calcola la luminanza relativa secondo le specifiche W3C WCAG 2.1 per i livelli AA (minimo 4.5:1) e AAA (minimo 7:1).
Le immagini che carico rimangono private?
Sì, al 100%. L'elaborazione avviene interamente nel tuo browser tramite HTML5 Canvas e le immagini non vengono mai inviate ad alcun server.