WAVESPEED AI SELETTORE COLORI Funziona nel browser

100% GRATIS

Selettore colori onlineScegli, converti, verifica ed esporta colori.

Scegli un colore dalla ruota, dallo schermo o da qualsiasi immagine e copialo in HEX, RGB, HSL, HSV, OKLCH o CMYK.
Crea armonie e scale di sfumature, verifica il contrasto del testo, guardalo con gli occhi di chi ha un deficit visivo dei colori ed esporta codice pronto da incollare.

Preleva da qualsiasi immagineVerifica contrasto integrataCodice CSS, Tailwind, Swift e Android

Senza registrazione Senza upload Senza filigrana

Caricamento del selettore colori…

Colori e immagini restano sul tuo dispositivo.

TRE SEMPLICI PASSAGGI

Come usare il selettore colori

Scegli un colore

Trascina sulla ruota dei colori, scrivi o incolla un codice colore, usa il contagocce o apri una foto e clicca su un pixel.

Regola e copia

Regolalo con i cursori RGB, HSL, HSV, OKLCH o CMYK e copia il valore che ti serve con un clic.

Crea ed esporta

Crea armonie o una scala di sfumature, verifica contrasto e daltonismo, poi copia o scarica il codice per il tuo progetto.

BUONO A SAPERSI

Consigli per scegliere i colori

Qualche abitudine che rende le palette più facili da usare e da leggere.

Verifica presto il contrasto del testo

Il testo normale richiede almeno 4.5:1 rispetto allo sfondo per WCAG AA, il testo grande 3:1. Lo strumento suggerisce il colore più vicino che supera il test.

Usa OKLCH per scale uniformi

La luminosità OKLCH corrisponde a ciò che vede l'occhio, quindi una scala creata in OKLCH passa in modo uniforme dal chiaro allo scuro senza toni intermedi spenti.

Non affidarti solo al colore

Per molte persone rosso e verde si somigliano. Visualizza la palette nella scheda daltonismo e aggiungi etichette o icone dove il significato conta.

Fai la media quando prelevi dalle foto

Da vicino le foto sono rumorose. Un campione 3×3 o 5×5 restituisce il colore che vedi invece di un singolo pixel anomalo.

Parti da un'immagine per la palette

Apri una foto che ti piace ed estrai da 5 a 8 colori. K-means trova i colori principali; median cut conserva i piccoli accenti.

Qui il CMYK è una stima

I colori di stampa dipendono da carta e macchina. Usa il valore CMYK come punto di partenza e verificalo con il profilo della tua tipografia.

WaveSpeed AI

Trasforma la tua palette in immagini

Genera immagini e video con i colori del tuo brand a partire da un prompt con WaveSpeed AI.

Inizia a creare Esplora oltre 1.000 modelli AI

Oltre 1.000 modelli AI
Immagini, video e 3D
Paghi a consumo

$1 in crediti gratuiti per i nuovi account idonei. Nessuna carta richiesta. I generatori hanno requisiti separati di account e crediti. Questo strumento è gratuito: selettore colori.

Domande frequenti sul selettore colori

Come prelevo un colore da un'immagine?

Apri la scheda Immagine, scegli una foto o uno screenshot (o incollalo), poi clicca o tocca un pixel. Una lente mostra esattamente su quale pixel ti trovi e puoi fare la media di un'area da 3×3 a 11×11. L'immagine viene letta nel browser e resta sul tuo dispositivo.

Posso prelevare un colore da qualsiasi punto dello schermo?

Sì, nei browser che supportano il contagocce (Chrome, Edge e altri browser Chromium su desktop). Clicca Contagocce e poi qualsiasi pixel dello schermo, anche fuori dalla finestra del browser. Negli altri browser fai uno screenshot e incollalo nella scheda Immagine.

Come converto HEX in RGB?

Scrivi o incolla il codice HEX nel campo colore e il valore RGB compare sotto, pronto da copiare. Per convertire molti colori in una volta, incollane uno per riga nella scheda Converti e scegli il formato di uscita.

Quali formati di colore sono supportati?

HEX (3, 4, 6 e 8 cifre), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab e CMYK, oltre a tutti i nomi di colore CSS. Puoi incollare valori con o senza il nome della funzione, per esempio “255, 87, 51”.

Cos'è OKLCH e perché usarlo?

OKLCH descrive un colore tramite luminosità percepita, croma (intensità) e tonalità. Passi uguali appaiono uguali, quindi è ideale per scale di sfumature e palette coerenti, ed è supportato nel CSS moderno come oklch().

Come funziona la verifica del contrasto?

Calcola il rapporto di contrasto WCAG 2 tra testo e sfondo e mostra se supera AA e AAA per testo normale, testo grande ed elementi dell'interfaccia. Mostra anche il contrasto di luminosità APCA (Lc) della bozza WCAG 3 e suggerisce il colore più vicino che supera il test.

Come creo una palette di colori?

Scegli un colore di base, poi usa Armonie per schemi complementari, triadici e altri, o Sfumature per tinte, ombre e una scala 50–950. Puoi anche estrarre una palette da una foto. Salva i preferiti ed esportali come codice.

Posso esportare colori per Tailwind, SwiftUI o Android?

Sì. La scheda Esporta scrive la palette come variabili CSS, SCSS, @theme di Tailwind v4 o config v3, SwiftUI, UIKit, colors.xml di Android, Jetpack Compose, JSON, palette GIMP o semplice elenco hex. Copiala o scarica il file.

Questo selettore colori è gratis?

Sì. È gratis, senza registrazione, senza limiti e senza filigrana, e tutto funziona nel tuo browser.

Tutti gli strumenti gratuiti