Buduj palety ze zdjec dla marki i UI

Kiedy to ma zastosowanie

Zdjecie ma prowadzic akcenty bez zgadywania pipetka: wyodrebnij, przypisz role i testuj kontrast dostepnosci.

Narzędzie do użycia

Znajdź główne kolory obrazu.

Otwórz Kolory dominujące →

Kroki

  1. 1Wybierz reprezentatywne kadrowanie (unikaj pasozytniczego tla).
  2. 2Wyodrebnij dominujace tony i mapuj role (primary, surface itd.).
  3. 3Waliduj pary tekst/kolor swoim przeplywem WCAG.
  4. 4Dokumentuj w tokenach by uniknac zblizonych dryfow w prod.

Przykłady

  • Hero zdjecie raportu rocznego do akcentow keynote.
  • Wizual sklepu do tla sekcji bez recznego probkowania.

Czego unikać

  • Jeden niereprezentatywny crop dla calej ksiegi znaku.
  • Krzykliwe kolory dla tekstu ciaglego bez testu kontrastu.
  • Dyskusja druk bez bialego odniesienia ekranu.

Powiązane narzędzia

Na blogu

Więcej w Narzędzia obrazów

Wszystkie przewodniki po zadaniach albo zobacz pełną listę w hub Narzędzia obrazów.

FAQ

Vs pipetka piksel?

Dominujace agreguja regiony; pipetka trafia w punkt: lacz w razie potrzeby.

Zdjecia z gradientami?

Uprosc scene przed ekstrakcja inaczej blotny wynik.

Wszystkie przewodniki po zadaniach · Narzędzia Narzędzia obrazów · Blog