Przewodnik: Slop Colors
Pierwsze kroki w Slop Colors
Slop Colors to pipeta, kreator palet i sprawdzacz kontrastu na jednej stronie. Zdjęcia i palety są czytane w przeglądarce i nigdy nie są przesyłane.
Strona
Na górze jest bieżący kolor, z wartością w HEX, RGB, HSL, OKLCH i CMYK oraz przyciskiem Kopiuj przy każdej. Pod nim są cztery karty: Pobierz ze zdjęcia, Paleta, Utworzone z tego koloru i Sprawdzenie kontrastu.
Panel po prawej ma pola koloru, to, co utworzyć z niego, ile kolorów znaleźć na zdjęciu i eksport. Na telefonie jest arkuszem u dołu: stuknij Ustawienia, aby go otworzyć.
Pobieraj kolory ze zdjęcia
- Upuść zdjęcie na stronę albo kliknij Otwórz zdjęcie….
- Najedź na nie i kliknij, aby pobrać kolor; lupa pokazuje piksele pod punktem.
- Strzałkami przesuwaj się o jeden piksel, a Enterem dodaj kolor do palety.
- Kliknij Dodaj wszystkie do palety, aby zachować główne kolory zdjęcia.
Wskazówka: W Chrome i Edge Pobierz z ekranu pobiera kolor z dowolnego miejsca na ekranie.
Zbuduj paletę
- Kliknij Dodaj ten kolor, aby dodać bieżący kolor.
- W panelu wybierz Harmonię i Skalę, a potem Użyj jako paleta pod wierszem.
- Pod każdym kolorem palety ‹ i › go przesuwają, ✎ nadaje nazwę, a × usuwa.
Sprawdź kontrast
Wpisz kolor tekstu i tło albo użyj Użyj jako kolor tekstu i Użyj jako tło w panelu. Stosunek i poziomy WCAG pokazują się od razu, a Popraw kolor tekstu znajduje najbliższy kolor, który przechodzi AA.
Eksportuj i zachowaj
- Nazwij paletę i wybierz Format w sekcji Eksport.
- Kliknij Pobierz paletę, Kopiuj kod lub Zapisz w Slop Drive…; Otwórz w… wysyła plik do innej aplikacji.
- Aby ponownie otworzyć paletę, upuść na stronę jej plik .gpl, .ase, .json lub .css.