Każdy projektant / designer wie jak istotnym elementem każdego projektu jest harmonijny dobór kolorów.

Biorąc jednak pod uwagę, że nie każdy rodzi się z talentem artystycznym, możemy posłużyć się narzędziami ułatwiającymi odpowiedni dobór kolorów. Jednym z takich narzędzi jest Color Scheme Designer.

Color Scheme Designer swoją premierę miał dawno, bo już w 2002 roku, jednak wersja 3.0 (aktualnie 3.1) wniosła szereg poprawek i udogodnień.

Przede wszystkim interfejs jak i silnik aplikacji został napisany od podstaw. Udoskonalono również m. in. precyzję oraz konwersję kolorów. Wersja 3.0 wniosła również istotną zmianę – nie jest kompatybilna z MSIE 6.

Aktualna wersja 3.1 zawiera kilka ciekawych nowości:

• regulacja wariantów – każdy odcień w palecie może być indywidualnie edytowany,
• identyfikator palety, obsługuje wartości poszczególnych adjustacji kolorów. Kompatybilność wstecz – obsługa wcześniej wygenerowanych identyfikatorów,
• menu – wszystkie dostępne funkcję dostępne są teraz w prawym górnym rogu interfejsu,
• funkcjonalność „cofnij/powtórz”
• zintegrowano aplikację ze sklepem (Instant Designer Shop), w którym w szybki sposób pobierzemy (za opłatą) loga lub szablony

Praca z aplikacją

Podstawowym narzędziem jest tzw. koło kolorów, które stanowi wizualną reprezentację spektrum kolorów. Koło ma pomóc w doborze harmonijnej kombinacji kolorów. Kombinacja kolorów składa się z dowolnych dwóch kolorów znajdujących się po przeciwnych stronach środka koła.

Nad kołem znajdują się przyciski, określające z ilu kolorów chcemy budować paletę.

Poza samą pracą na kole, kolory możemy dobierać według gotowych schematów – zakładka „Adjust Scheme„,

lub wyświetlić listę kolorów palety (zakładka „Color list„)

Aby bardziej zwizualizować efekt utworzonej przez nas palety, możemy posłużyć się funkcjonalnością podglądu przykładowej strony www. Aby to zrobić wystarczy wybrać jedną z zakładek „Light page example” (strona w jasnych kolorach) lub „Dark page example” (strona w ciemnych kolorach).

Ciekawą funkcjonalnością aplikacji jest możliwość symulowaniu tego co przypuszczalnie widzą osoby posiadające wady wzroku takie jak pronatopia („Pronatopy (1 % of men)”), deuteranopia/daltonizm („Deuteranopy (1 % of men)”), tritanopia („Tritanopy (cca 0,003 % of population)”), protanomalia („Protanomaly (1 % of men)”), deuteranomalia („Deuteryanomaly (5 % of men, 0,4 $ of women)”), tritanomalia („Tritanomaly (almost 0 %)”), całkowita ślepota barw („Full colorblindess (0,005 % of population) lub nietypowy monochromatyzm (Atypical monochromatism).

Wszystkie te symulacje dostępne są w menu Vision Simulation -> [nazwa symulacji]

Warto zauważyć, że powyższe symulacje mogą w dużej mierze pomóc w projektowaniu przyjaznych stron internetowych pod względem kontrastu kolorów. Inną aplikacją polecaną przez nas do tego celu jest opisywana już checkmycolours pomagająca spełnić wymogi standardów WAI, WCAG 1.0 i WCAG 2.0.

Kończąc pracę, możemy wyeksportować stworzoną paletę (Export -> …) do formatu: HTML+CSS, XML, Text, .ACO (obsługiwany przez produkty firmy Adobe np. Photoshop), GPL (obsługiwany przez GIMPa).

Podobne artykuły

• Sprawdzanie kolorów pod względem dostępności strony www (WAI) – checkmycolours
• Badanie poziomu kontrastu kolorów – Colour Contrast Visualiser
• Wyodrębnianie palety kolorów z dowolnego obrazka – Pictaculous
• Dobieraj harmonijne kolory do swoich projektów
• Wyszukuj ikony z Icon Finder