Guida di Slop Colors
Per iniziare con Slop Colors
Slop Colors è, in un’unica pagina, un selettore di colori, un generatore di palette e un controllo del contrasto. Immagini e palette vengono letti nel tuo browser e non vengono mai caricati.
La pagina
In alto c’è il colore attuale, con il suo valore in HEX, RGB, HSL, OKLCH e CMYK e un pulsante Copia per ciascuno. Sotto ci sono quattro schede: «Prendi da un’immagine», «Tavolozza», «Creati da questo colore» e «Contrasto check».
Il pannello a destra contiene i campi del colore, cosa creare a partire da esso, quanti colori cercare in un’immagine e l’esportazione. Su telefono è un foglio in basso: tocca «Impostazioni» per aprirlo.
Scegli colori da un’immagine
- Trascina un’immagine nella pagina, oppure clicca su «Apri immagine…».
- Passa sopra l’immagine e clicca per scegliere un colore; la lente mostra i pixel sotto il punto.
- Usa i tasti freccia per spostarti di un pixel alla volta, e Invio per aggiungere il colore alla palette.
- Clicca su «Aggiungi tutti alla tavolozza» per tenere i colori principali dell’immagine.
Suggerimento: In Chrome ed Edge, «Prendi dallo schermo» prende un colore da qualsiasi punto dello schermo.
Crea la palette
- Clicca su «Aggiungi questo colore» per aggiungere il colore attuale.
- Scegli un’Armonia e una Scala nel pannello, poi «Usa come tavolozza» sotto la riga che preferisci.
- Sotto ogni colore della palette, ‹ e › lo spostano, ✎ lo rinomina e × lo rimuove.
Controlla il contrasto
Scrivi un colore del testo e uno di sfondo, oppure usa «Usa come colore del testo» e «Usa come sfondo» nel pannello. Il rapporto e i livelli WCAG compaiono subito, e «Correggi il colore del testo» trova il colore più vicino che supera AA.
Esporta e conserva
- Dai un nome alla palette e scegli un Formato sotto Esporta.
- Clicca su «Scarica palette», «Copia codice» o «Salva in Slop Drive…»; «Apri in…» manda il file a un’altra app.
- Per riaprire una palette, trascina nella pagina il suo file .gpl, .ase, .json o .css.