Slop Colors · gratis, nel browser

Genera una tavolozza di colori da un solo colore

Parti dal colore del tuo brand. Slop Colors crea le sue armonie, le tinte, le ombre e le tonalità, e una scala da 50 a 950, ed esporta quella che scegli come codice o come file di campioni.

Genera una tavolozza

Come si fa

1. Scrivi il tuo colore nel pannello (HEX, RGB, HSL, OKLCH o CMYK), oppure prendilo da un’immagine.
2. Sotto Creata da questo colore, scegli un’Armonia accanto alla ruota dei colori (complementare, analoga, triadica, complementare divisa, tetradica, quadrata, monocromatica, sfumature o personalizzata) e la ruota RGB, RYB o OKLCH.
3. Trascina i punti sulla ruota: gli altri seguono l’armonia; in Personalizzata ognuno si muove da solo. I tasti freccia spostano un punto selezionato.
4. Clicca Usa come tavolozza sotto la riga che preferisci, oppure scegli singoli colori e clicca Aggiungi questo colore.
5. Dai un nome alla tavolozza e scegli il formato sotto Esporta: variabili CSS, configurazione Tailwind, JSON, Adobe .ase o GIMP .gpl.
6. Clicca Scarica tavolozza, Copia codice o Salva in Slop Drive….

I tuoi file restano su questo dispositivo: Slop Colors funziona nel browser, senza caricamenti, senza account e senza filigrana.

Domande

Cos’è la ruota RYB?

È la ruota rosso-giallo-blu dei pittori, come la offre Adobe Color: lì il complementare del rosso è il verde e quello del blu è l’arancione. La ruota RGB è quella dello schermo, e OKLCH mantiene la luminosità uniforme mentre la tonalità gira.

Come viene creata la scala?

La tonalità viene mantenuta e la luminosità scende a passi dal 97% al 22% in OKLCH, con meno croma vicino al bianco e al nero. Il tuo colore si trova nel passo più vicino.

Posso aprire la tavolozza in Photoshop o Illustrator?

Sì. Esportala come Adobe Swatch Exchange (.ase) e caricala nel pannello Campioni. GIMP e Inkscape leggono il file .gpl.

Le mie tavolozze vengono conservate?

La tavolozza nella pagina viene conservata in questo browser. Salva in Slop Drive conserva un file che puoi riaprire qui.

Altro con Slop Colors

• Verifica il contrasto dei colori secondo WCAG
• Prendi i colori da un’immagine
• Converti da HEX a RGB, HSL, OKLCH o CMYK

App correlate

• PhotoSlop
  Disponibile
  Photoshop, ricostruito per il browser.
• SlopVector
  Disponibile
  Illustrator, ricostruito per il browser.
• SlopIsolate
  Beta
  Rimuovi lo sfondo con un’AI che gira sul tuo dispositivo.