Slop Colors-gids
Aan de slag met Slop Colors
Slop Colors is een kleurkiezer, een palettenmaker en een contrastcontrole op één pagina. Afbeeldingen en paletten worden in je browser gelezen en nooit geüpload.
De pagina
Bovenaan staat de huidige kleur, met de waarde in HEX, RGB, HSL, OKLCH en CMYK en voor elk een knop Kopiëren. Daaronder staan vier kaarten: Kiezen uit een afbeelding, Palet, Gemaakt van deze kleur en Contrastcontrole.
Het deelvenster rechts heeft de velden van de kleur, wat er van gemaakt moet worden, hoeveel kleuren er in een afbeelding moeten worden gevonden, en de export. Op een telefoon is het een blad onderaan: tik op Instellingen om het te openen.
Kies kleuren uit een afbeelding
- Zet een afbeelding op de pagina neer, of klik op Afbeelding openen….
- Beweeg erover en klik om een kleur te kiezen; het vergrootglas toont de pixels onder het punt.
- Gebruik de pijltjestoetsen om één pixel per keer te verplaatsen, en Enter om de kleur aan het palet toe te voegen.
- Klik op Alles toevoegen aan het palet om de hoofdkleuren van de afbeelding te bewaren.
Tip: In Chrome en Edge kiest Kiezen van het scherm een kleur van waar je maar wilt op je scherm.
Bouw het palet
- Klik op Deze kleur toevoegen om de huidige kleur toe te voegen.
- Kies een Harmonie en een Schaal in het deelvenster, en daarna Als palet gebruiken onder een rij.
- Onder elke kleur van het palet verplaatsen ‹ en › hem, geeft ✎ hem een naam en verwijdert × hem.
Controleer het contrast
Typ een tekstkleur en een achtergrond, of gebruik Gebruiken als tekstkleur en Als achtergrond gebruiken in het deelvenster. De verhouding en de WCAG-niveaus verschijnen meteen, en Tekstkleur aanpassen zoekt de dichtstbijzijnde kleur die AA haalt.
Exporteer en bewaar
- Geef het palet een naam en kies een Formaat onder Exporteren.
- Klik op Palet downloaden, Code kopiëren of Opslaan in Slop Drive…; Openen in… stuurt het bestand naar een andere app.
- Om een palet later weer te openen zet je het .gpl-, .ase-, .json- of .css-bestand op de pagina neer.