Selectorul de culoare este ceea ce vei folosi de fiecare dată când te ocupi cu culorile. Acesta va apărea când trebuie să setezi o culoare de fundal sau să schimbi nuanța obiectelor.

1) Culoare Selectată: Secțiunea de sus arată culoarea ta selectată în prezent. Un model în carouri este afișat pentru a reprezenta opacitatea culorii tale.

Literele și cifrele arată culoarea selectată ca valori Hexadecimale (hex). Dacă atingi acest spațiu, poți introduce manual o valoare hex pentru orice culoare dorești. Poți chiar să introduci nume pentru culorile populare Web Colors.

2) Selector de Culoare: Această zonă îți permite să selectezi o culoare pe baza nuanței curente alese folosind Slider-ul de Nuanță.

3) Slider de Nuanță: Îți permite să schimbi nuanța culorii. Pur și simplu glisează-ți degetul stânga sau dreapta pentru a ajusta nuanța.

4) Slider de Opacitate: Slider-ul îți permite să schimbi cât de vizibil este obiectul/culoarea ta. Dacă îl glisezi spre stânga, culoarea (și obiectul) tău va fi complet transparent (invizibil). Glisând spre dreapta va face obiectul tău mai opac (mai puțin transparent).

5) Presetări de Culoare: Cele 10 pătrate de jos reprezintă culori salvate pentru a fi folosite mai târziu în proiectul tău. Pentru a salva o culoare, apasă și menține un pătrat. Culoarea curentă va înlocui pe cea salvată anterior în pătrat. Pentru a folosi o culoare salvată în pătrat, pur și simplu apasă pătratul cu culoarea dorită, apoi apasă OK.