Witamy w przewodniku objaśniającym kluczowe koncepcje z zakresu teorii kolorów oraz mechanizmy działania generatora. Celem tego dokumentu jest systematyczne wyjaśnienie terminologii i zasad, na których opiera się aplikacja.

Koło Barw: Podstawy Teorii Kolorów

Koło barw jest fundamentalnym narzędziem wizualizującym relacje między kolorami. Reprezentuje ono spektrum barw w formie okręgu, co ułatwia identyfikację i tworzenie harmonijnych zestawień.

• Barwy Podstawowe: W modelu addytywnym (dla ekranów) są to Czerwony (Red), Zielony (Green) i Niebieski (Blue) – RGB.
• Barwy Pochodne (Drugorzędowe): Powstają przez zmieszanie dwóch barw podstawowych (np. Czerwony + Zielony = Żółty).
• Barwa (Hue): Jest to czysty kolor, definiowany przez jego pozycję na kole barw, wyrażoną w stopniach (od 0° do 360°).

Generator wykorzystuje te zależności do obliczania schematów kolorystycznych.

Harmonie Kolorystyczne

Harmonie kolorystyczne to sprawdzone metody dobierania barw z koła w sposób, który jest estetycznie spójny i przyjemny wizualnie. Generator pozwala na tworzenie palet w oparciu o następujące schematy:

• Monochromatyczna: Paleta bazująca na jednej barwie (Hue), ale wykorzystująca jej różne odcienie, nasycenia i jasności. Gwarantuje spójność i elegancję.
• Analogiczna: Wykorzystuje kolory sąsiadujące ze sobą na kole barw. Rezultatem jest spokojna i harmonijna kompozycja.
• Dopełniająca (Komplementarna): Składa się z kolorów leżących dokładnie naprzeciwko siebie na kole. Generuje to maksymalny kontrast i dynamiczny efekt wizualny.
• Rozdzielnie Dopełniająca: Schemat podobny do komplementarnego, jednak zamiast koloru dopełniającego, wykorzystuje dwa kolory przylegające do niego. Zapewnia wysoki kontrast przy mniejszym napięciu wizualnym.
• Triadyczna: Wykorzystuje trzy kolory równomiernie rozmieszczone na kole barw (tworzące trójkąt równoboczny). Paleta jest zrównoważona i dynamiczna.

Zasada 60-30-10: Równoważenie Palety

Wygenerowanie palety to pierwszy krok. Kluczowe jest proporcjonalne zastosowanie wybranych kolorów w projekcie. Zasada 60-30-10 to sprawdzona reguła projektowa, która ułatwia zrównoważenie kompozycji:

Generator domyślnie porządkuje wygenerowane barwy w sposób ułatwiający implementację tej zasady, co można zaobserwować w sekcji wizualizacji.

Formaty (Modele) Kolorów

W celu cyfrowej reprezentacji barw, stosuje się różne modele matematyczne. Generator umożliwia eksport wartości w kilku standardowych formatach:

• HEX (Szesnastkowy): Najpopularniejszy format w projektowaniu webowym. Jest to notacja skrótowa dla modelu RGB, np. #FFFFFF (biel).
• RGB (Red, Green, Blue): Model addytywny, przeznaczony dla urządzeń emitujących światło (monitory). Definiuje kolor przez natężenie trzech składowych (0-255).
• HSL (Hue, Saturation, Lightness): Model bardziej intuicyjny dla percepcji ludzkiej.
  • H (Barwa): Pozycja na kole barw (0-360°).
  • S (Nasycenie): Intensywność koloru (0-100%).
  • L (Jasność): Definiuje jasność (0% = czarny, 50% = pełny kolor, 100% = biały).
• HSV (Hue, Saturation, Value): Model zbliżony do HSL, powszechnie stosowany w narzędziach typu "color picker" (jak w tym generatorze).
  • H i S: Analogicznie do HSL.
  • V (Wartość): Definiuje "czystość" koloru (0% = czarny, 100% = kolor o pełnym nasyceniu i jasności).
• CMYK (Cyan, Magenta, Yellow, Key): Model subtraktywny, standard w przemyśle poligraficznym (druk). Symulacja CMYK na ekranie (RGB) jest jedynie przybliżeniem i może odbiegać od finalnego wydruku.

Dostępność i Kontrast (WCAG)

Estetyka projektu musi iść w parze z jego dostępnością (Accessibility). Kluczowym czynnikiem jest tutaj kontrast, czyli różnica w luminancji (jasności) między kolorem tekstu a kolorem tła.

Wytyczne WCAG (Web Content Accessibility Guidelines) to międzynarodowy standard definiujący, jak tworzyć treści cyfrowe dostępne dla wszystkich, w tym osób z dysfunkcjami wzroku. Standard ten określa minimalne poziomy kontrastu:

• Poziom AAA (Wzmocniony): Wymaga stosunku kontrastu 7:1 dla normalnego tekstu. Jest to najwyższy, rygorystyczny standard.
• Poziom AA (Minimalny): Wymaga stosunku kontrastu 4.5:1 dla normalnego tekstu. Jest to powszechnie akceptowany standard branżowy zapewniający czytelność.
• AA Large (Dla dużego tekstu): Wymagania są obniżone do 3:1, ponieważ większy rozmiar fontu (lub jego grubość) naturalnie poprawia czytelność.
• Fail (Brak zgodności): Oznacza, że stosunek kontrastu jest zbyt niski i kombinacja kolorów jest nieczytelna dla znaczącej grupy użytkowników.

Zaleca się, aby wszystkie kluczowe treści tekstowe spełniały co najmniej wymogi poziomu AA.

Więcej informacji technicznych można znaleźć w oficjalnej dokumentacji: WAI (Web Accessibility Initiative) od W3C.