Color Studio

Trudno wybrać kolory. Ta aplikacja pomaga zbudować spójny ciemny motyw.

Trudno wybrać kolory. Większość selektorów kolorów daje 16 milionów kolorów i prosi o wybranie jednego. Tak wiele opcji, że twoja kreatywność może zostać zablokowana. Nie ma intuicyjnego sposobu, aby dowiedzieć się, które kolory pasują do twoich potrzeb. Staje się to jeszcze trudniejsze, gdy masz do czynienia z wieloma kolorami. Jeszcze trudniej, gdy chcesz, aby te kolory były zgodne ze specyfikacją projektu i tworzyły spójny motyw. Ten projekt ma pomóc rozwiązać te problemy.

Ta aplikacja pozwala grać w 3 kolorach: podstawowym, tle i powierzchni. Tło i powierzchnia pozwala przełączać tryb „automatyczny” (domyślnie po otwarciu aplikacji jest ona włączona w tle, aby ułatwić wykrywanie). W trybie automatycznym Tło jest zgodne z [zaleceniem dotyczącym projektowania materiałów] (https://material.io/design/color/dark-theme.html#properties): 8% koloru podstawowego + # 121212.

Jeśli chodzi o kolor powierzchni, nie ma oficjalnej rekomendacji, więc pobiera tło i dodaje 5% jasności w przestrzeni kolorów HSLuv. Jeśli tło ma 10% jasności, powierzchnia ma 15%.

Wytyczne dotyczące dostępności treści internetowych (WCAG) zalecają kontrast:

- 3,0: 1 minimum dla tekstów większych niż 18pt lub ikon (AA +).

- Minimum 4,5: 1 dla tekstów mniejszych niż 18 punktów (AA).

- 7,0: 1 minimum, jeśli to możliwe, jeśli to możliwe (AAA).

Material Design podąża za nim i zaleca współczynnik kontrastu 4,5: 1 (AA) dla tekstu podstawowego na wszystkich wysokościach. Ten projekt pokazuje wszystkie możliwe różnice wysokości z ich odpowiednim kontrastem z kolorem podstawowym.

Ten projekt jest open source:

https://github.com/bernaferrari/color-studio