Veb Dizayn üçün Rəng Teoriyası

Rəng veb dizaynerin arsenalında ən güclü alətlərdən biridir. O, əhval-ruhiyyə ötürür, iyerarxiya yaradır, diqqəti yönləndirir və brend tanınmasını qurur. Veb dizayn üçün rəng nəzəriyyəsinin praktiki bələdçisi budur.

Rəng Modelləri: HEX, RGB və HSL

Veb dizaynerlər üç əsas rəng modeli ilə işləyir. HEX kodlar kimi #FF5733 CSS-də ən çox istifadə olunur. RGB rəngləri 0-dan 255-ə qədər qırmızı, yaşıl və mavi dəyərlərin birləşməsi kimi təyin edir. HSL rəngləri ton, doyğunluq və açıqlıqla təyin edir -- bu, düzəlişlər etmək üçün ən intuitiv modeldir.

Rəngi tündləşdirmək lazımdırsa, HSL bunu sadə edir: açıqlıq dəyərini azaldın. Daha solğun versiya lazımdırsa, doyğunluğu azaldın.

Rəng Harmoniyası Qaydaları

• Tamamlayıcı: Rəng dairəsində bir-birinə əks iki rəng. Yüksək kontrast, enerjili.
• Oxşar: Dairədə yan-yana üç rəng. Harmonik və sakit.
• Triadik: Dairədə bərabər aralıqlı üç rəng. Canlı və balanslı.
• Bölünmüş tamamlayıcı: Əsas rəng üstəgəl tamamlayıcısına bitişik iki rəng.
• Monoxromatik: Tək tonun müxtəlif doyğunluq və açıqlıq səviyyələrində variasiyaları.

60-30-10 Qaydası

Dizaynınızın 60%-i dominant rəngdən, 30%-i ikinci dərəcəli rəngdən, 10%-i aksent rəngdən istifadə edir. Bu, vizual balans yaradır.

Əlçatanlıq və Kontrast

WCAG 2.1 normal mətn üçün minimum 4.5:1 kontrast nisbəti tələb edir. Bir çox gözəl rəng kombinasiyası əlçatanlıq tələblərinə cavab vermir. Paletr yaratmazdan əvvəl həmişə mətn-fon kontrast nisbətlərini yoxlayın.

Vaxtım Yoxdu-dakı pulsuz rəng seçici ilə rəng paletrinizi qurun. HEX, RGB və HSL arasında keçid edin, harmoniya paletləri yaradın və kontrast nisbətlərini bir alətdə yoxlayın.