Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
Picker di colori

Picker di colori

Scegliete visivamente qualsiasi colore e generate istantaneamente codici HEX, RGB, HSL e HSV precisi. Trascinate sulla tela per esplorare le sfumature, regolare la tonalità e l'opacità o incollare un codice colore esistente per convertire i formati in tempo reale. Non è necessario alcun software di progettazione, né alcuna configurazione: basta selezionare, convertire e copiare in pochi secondi i valori cromatici esatti per il vostro progetto.

Utilitàv1.0.0

Picker di colori

Scegliete visivamente qualsiasi colore, regolate l'opacità o incollate un codice HEX, RGB, HSL o HSV. Tutte e quattro le uscite di formato si aggiornano in tempo reale.

Tela a colori

Tonalità

Opacità - 100%

Preimpostazioni

Uscita

HEX
#398FE6
RGB
rgb(57, 143, 230)
HSL
hsl(210, 78%, 56%)
HSV
hsv(210, 75%, 90%)

Incolla qualsiasi codice colore

Accetta HEX, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), hsv(), hsb()

Copia tutto

hex:  #398FE6
rgb:  rgb(57, 143, 230)
hsl:  hsl(210, 78%, 56%)
hsv:  hsv(210, 75%, 90%)

Tela visiva del colore

Trascinate il puntatore a croce sul riquadro della saturazione-luminosità per selezionare qualsiasi tonalità con una precisione al pixel.

4 uscite di formato

Ogni selezione produce istantaneamente valori HEX, RGB, HSL e HSV, compreso l'alfa quando l'opacità è inferiore al 100%.

100% Privato

Tutta l'elaborazione avviene nel browser. Nessun valore di colore viene inviato a un server o registrato.

Guida

Come scegliere e convertire i colori

1

Trascinare la tela

Fare clic o trascinare un punto qualsiasi della tela dei colori per scegliere la saturazione e la luminosità della tonalità corrente.

2

Regolare la tonalità e l'opacità

Utilizzare la barra della tinta arcobaleno per spostare il colore di base e la barra dell'opacità a scacchiera per impostare la trasparenza.

3

Leggere i codici di uscita

I valori HEX, RGB, HSL e HSV vengono aggiornati in tempo reale. I codici includono un canale alfa quando l'opacità è inferiore al 100%.

4

Copiare qualsiasi formato

Fare clic su un pulsante di copia accanto a una riga di output o incollare un codice colore noto nell'input sottostante per passare immediatamente a quel colore.

Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
Casi d'uso

Chi usa un selezionatore di colori?

Progettisti UI e Web

Campionare i colori del marchio e copiare codici precisi per CSS, Tailwind o sistemi di progettazione senza lasciare il browser.

Sviluppatori Frontend

Convertire tra HEX e RGB/HSL per le proprietà personalizzate dei CSS, i valori arbitrari di Tailwind o le API canvas.

Progettisti grafici

Tradurre i valori HSB di Figma o Photoshop in codici HEX o RGB pronti per il web in un solo passaggio.

Creatori di contenuti

Trovate il colore d'accento perfetto per una miniatura, una presentazione o un documento e copiate il suo codice all'istante.

Revisori dell'accessibilità

Confermare i valori esatti dei colori per verificare i rapporti di contrasto e la conformità alle WCAG per le coppie di testo e sfondo.

Ingegneri AI Prompt

Identificare codici esadecimali precisi quando si descrivono i colori nelle richieste di generazione di immagini per ottenere risultati accurati.

Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
Confronto

Endless Forge vs altri strumenti per il colore

Immediato, privato e completo di formato - funziona interamente nel browser.

Caratteristica
Altri strumentimedia
Fucina senza finequesto sito web
Picker visivo della tela
Zero elaborazione del server
No
Canale alfa/opacità
Sometimes
Formato di uscita HSV
Sometimes
Incolla qualsiasi formato da convertire
No
Utilizzo gratuito
Limited
Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.

Uno strumento, ogni formato di colore

Il Color Picker di Endless Forge è stato progettato per gli sviluppatori e i progettisti che hanno bisogno di valori cromatici precisi e completi di formato senza dover ricorrere a più strumenti. Che si tratti di tradurre un campione Figma HSB in una variabile CSS HEX o di verificare l'esatta ripartizione RGBA di un colore di marca, tutto avviene istantaneamente nel browser senza che i dati lascino il dispositivo.
Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
Esplorare

Altri strumenti di utilità e per sviluppatori

Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
FAQ

Domande frequenti

Il picker produce HEX (#RRGGBB / #RRGGBBAA), RGB / RGBA, HSL / HSLA e HSV. Anche l'input di incolla accetta tutti questi valori.
HSV (Hue, Saturation, Value) è utilizzato da strumenti di progettazione come Figma e Photoshop. HSL (Hue, Saturation, Lightness) è nativo dei CSS. Entrambi descrivono il colore in modo diverso, ma sono matematicamente convertibili.
Incollando il valore HEX nel campo di input (con o senza il prefisso #), lo strumento calcola e visualizza immediatamente i valori RGB e HSL equivalenti. La conversione è matematica e senza perdite: non ci sono ambiguità o approssimazioni. È quindi possibile fare clic sul pulsante di copia accanto a qualsiasi formato per ottenere il valore desiderato. Per incorporare i colori nelle immagini e convertire i formati di immagine, il Image Converter gestisce le conversioni PNG, JPG, WebP e AVIF.
Sì. Incollate o digitate qualsiasi valore HEX, RGB, RGBA, HSL, HSLA, HSV o HSB nel campo di immissione e il selezionatore si aggiornerà istantaneamente.
Sì. Il selezionatore di colori include un cursore del canale alfa che consente di impostare l'opacità da completamente trasparente (0) a completamente opaco (1). Quando si imposta un valore alfa diverso da 1, i formati di uscita passano alle loro varianti alfa: rgba() per RGB e hsla() per HSL. Il formato HEX supporta anche un codice esadecimale a 8 caratteri con due caratteri aggiuntivi per l'alfa. Per generare valori di colore da incorporare direttamente nel codice SVG, il Code Formatter può aiutare a ripulire e formattare il sorgente SVG.

5 domande risposte

Annuncio bloccatoSi prega di disattivare il blocco degli annunci per sostenere i nostri servizi gratuiti.
Startup Fame Verification