Confronto · verificato il 2026-10-25
Gli strumenti gratuiti migliori per palette colori e contrasto
Uno strumento per le palette deve trovare i colori in un’immagine, creare armonie da un solo colore, verificare che il testo resti leggibile e passare la palette ai tuoi strumenti di design o di codice. Ecco cosa offre ciascuno, secondo le sue pagine.
Realizziamo Slop Colors, uno degli strumenti di questa pagina. Ogni dato sugli altri strumenti viene dalle loro pagine ufficiali, collegate sotto ciascuno, come risultavano il 2026-10-25. Prezzi e funzioni cambiano: controlla ogni sito prima di scegliere.
Come li abbiamo confrontati
- Gratuito, e cosa aggiunge un account o un piano
- Colori da un’immagine
- Armonie e scale da un solo colore
- Controllo del contrasto WCAG
- File di esportazione (CSS, Tailwind, ASE, GPL)
In sintesi
| Strumento | Prezzo | Funziona su | Colori da un’immagine | Controllo del contrasto |
|---|---|---|---|---|
| Slop Colors nostra | Gratuito, senza account | Qualsiasi browser moderno | Contagocce e colori principali (k-means) | Rapporto, AA e AAA, con correzione |
| Coolors | Piano gratuito; piano Pro | Web, app per iOS, plugin per Figma, estensione per Chrome | Image Picker | Contrast Checker |
| Adobe Color | Gratuito | Web | Estrazione da un’immagine | Rapporti di contrasto con indicazioni WCAG |
| WebAIM Contrast Checker | Gratuito | Web | No (un contagocce preleva dallo schermo) | AA e AAA, testo normale e grande, UI |
| Funzione | Slop Colors nostra | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Colori da un’immagine | Sì | Sì | Sì | No |
| Armonie da un solo colore | Sì | Non indicato | Sì | No |
| Controllo del contrasto WCAG | Sì | Sì | Sì | Sì |
| Livelli per testo grande e UI | Sì | Non indicato | Non indicato | Sì |
| Anteprima per il daltonismo | No | Non indicato | Sì | No |
| Esportazione CSS | Sì | Sì | Non indicato | No |
| Esportazione Tailwind | Sì | Sì | Non indicato | No |
| Esportazione Adobe .ase | Sì | Sì | Non indicato | No |
| Esportazione GIMP .gpl | Sì | Non indicato | Non indicato | No |
| Valori OKLCH | Sì | Non indicato | Non indicato | No |
| Nessun account necessario | Sì | In parte | In parte | Sì |
| Le immagini restano sul tuo dispositivo | Sì | Non indicato | Non indicato | Sì |
1. Slop Colors (nostra)
Ideale per: Prelevare colori dalle tue immagini in privato, controllare il contrasto ed esportare una palette come codice o file di campioni, tutto in una sola pagina.
Pro
- Le immagini vengono lette nel browser e non vengono mai caricate
- Esportazione in variabili CSS, configurazione Tailwind, JSON, .ase di Adobe e .gpl di GIMP, e i file si riaprono
- HEX, RGB, HSL, OKLCH e CMYK, con i valori OKLCH fuori gamma riportati in sRGB
Contro
- Nessuna libreria di palette condivise da sfogliare
- Nessuna anteprima per il daltonismo
- Nessuna esportazione della palette in PDF o immagine
2. Coolors
Ideale per: Generare e sfogliare palette in fretta, con una grande libreria e plugin per strumenti di design.
Pro
- Generatore con la barra spaziatrice e oltre 10 milioni di palette da esplorare
- Esportazione in PDF, immagine, CSS, ASE, SVG, codice e Tailwind
- Palette Visualizer mostra in anteprima i colori sui progetti
Contro
- Il piano gratuito conserva fino a 10 palette; la sua pagina elenca tra le funzioni Pro l’estrazione dei colori con Image Picker e l’esportazione avanzata
Sito di Coolors · Fonti: Home page di Coolors
3. Adobe Color
Ideale per: Designer nelle app Adobe che vogliono regole di armonia su una ruota dei colori e palette salvate nella loro libreria.
Pro
- Regole monocromatiche, complementari, analoghe, triadiche e complementari divise su una ruota dei colori
- Anteprima per il daltonismo
- Salva le palette nella tua libreria per altri progetti
Contro
- La pagina della ruota dei colori non menziona file di esportazione
Sito di Adobe Color · Fonti: Adobe Color, ruota dei colori
4. WebAIM Contrast Checker
Ideale per: Controllare una coppia testo e sfondo rispetto a WCAG, con un link per condividere il risultato.
Pro
- Cursori di luminosità per regolare entrambi i colori
- Link permanente e un’API JSON per il risultato
- Alfa per il primo piano
Contro
- Controlla una coppia; non crea né esporta palette
Sito di WebAIM Contrast Checker · Fonti: WebAIM Contrast Checker
Quale scegliere
Slop Colors è la nostra scelta quando i colori vengono dalle tue immagini e la palette deve finire nel codice o in uno strumento di design: contagocce, colori principali, controllo del contrasto ed esportazione sono in un’unica pagina, e non si carica nulla.
Scegli Coolors per il generatore, la libreria e i plugin, Adobe Color per la ruota dei colori e la libreria Adobe, e il controllo WebAIM per verificare e condividere una sola coppia.
Domande
Quale rapporto di contrasto mi serve?
WCAG AA richiede 4.5:1 per il testo normale e 3:1 per il testo grande e gli elementi UI; AAA richiede 7:1 e 4.5:1. Tutti e quattro gli strumenti mostrano il rapporto.
Quale file si apre in Photoshop o Illustrator?
Un file Adobe Swatch Exchange (.ase). Sia Slop Colors sia Coolors ne esportano uno.
La mia immagine viene caricata?
Non in Slop Colors: viene letta nel tuo browser. Leggi le note sulla privacy di ciascun altro strumento.
I nomi di altri prodotti sono marchi dei rispettivi proprietari. Slopographic non è affiliata a loro.