Rang psixologiyasi β bu ranglarning inson psixologiyasi va xulqiga ta'sirini o'rganadigan soha. Veb dizaynda rang tanlash shunchaki \"yaxshi ko'rinadi\" qarori emas. Har rang aniq emotsiya va assotsiatsiya keltiradi. To'g'ri ranglar konversiyani 30%+ oshirishi mumkin, noto'g'risi β bekor ketadi. Bu sohani tushunish veb dizayner uchun majburiy.
Asosiy ranglarning ma'nosi
Ko'k β ishonch, professional, barqarorlik. Bank, IT, korporatsiya saytlar (Facebook, LinkedIn, Twitter). Eng ko'p ishlatiladigan brand rangi.
Qizil β energiya, jonliylik, ishtaha, tezlik. Ovqat brandlari (KFC, McDonald's), e-commerce \"sale\" elementlari. CTA tugmalar.
Yashil β tabiat, sog'liq, o'sish, pul. Tibbiyot, ekologiya, moliyaviy saytlar. \"Tasdiqlash\" va \"success\" rangi.
Sariq β quvonch, optimizm, e'tibor. Bolalar mahsulotlari, oziq-ovqat. Ko'p ishlatilsa charchatadi.
To'q sariq (orange) β energiya, do'stlik, qulaylik. Amazon, Easyjet. CTA uchun yaxshi tanlov.
Qora β premium, lyuks, sophistication. Mahsulot brandlari (Apple, Chanel). Premium hissi.
Oq β toza, oddiy, minimalizm. Apple. Whitespace dizayni.
Binafsha β ijodkorlik, sirli, lyuks. Yahoo, Twitch.
Madaniyat va ranglar
Rang ma'nosi madaniyatga bog'liq. Misol: oq G'arb'da \"toza, to'y\", Sharq'da \"motam\". Qizil Xitoy'da \"baxt\", G'arb'da \"xavf\" yoki \"sevgi\".
Global mahsulot uchun β neutral va universal ranglar ishlatish. Mahalliy uchun β mahalliy madaniyatga moslashish.
Color wheel asoslari
Color wheel β rang doirasi. Asosiy 3 ta rang (primary): qizil, ko'k, sariq. Secondary β ulardan aralashtirilgan: yashil, to'q sariq, binafsha. Tertiary β yana aralashtirilgan.
Bu doirani tushunish β color schemes (rang sxemalari) yaratish uchun shart.
Color schemes β rang sxemalari
Monochromatic β bir rang turli tonlari. Sokin, minimal. Risk β birinjaiy ko'rinishi.
Analogous β color wheel'da yon ranglar. Tabiy, harmonik. Tabiat foto'lariga o'xshash.
Complementary β qarama-qarshi ranglar (qizil-yashil, ko'k-to'q sariq). Yuqori kontrast, e'tibor tortuvchi.
Triadic β 3 ta uchburchak ranglari. Vibrant, lekin balans qiyin.
Split-complementary β bir asosiy rang va boshqa rangning ikki yon ranglari. Vibrant lekin balanced.
60-30-10 qoidasi
Klassik dizayn qoidasi. Sahifaning 60% β asosiy rang (odatda fon, neutral). 30% β ikkinchi rang (kontent bo'limlari). 10% β accent rang (CTA, e'tibor tortuvchi).
Bu qoida ishonchli ishlaydi β har sahifa balanslangan ko'rinishi uchun.
Kontrast va o'qish
Rang tanlashda kontrast birinchi navbatda. WCAG (accessibility) standartlari: normal matn uchun 4.5:1 kontrast, katta matn uchun 3:1.
WebAIM Contrast Checker β bepul vosita. Rang juftlaringizni tekshirib oling.
Past kontrast β foydalanuvchi o'qiy olmaydi. Ayniqsa ko'rishi yomon foydalanuvchilar uchun.
Brand colors strategiyasi
Brand uchun 3-5 ta asosiy rang yetadi. Asosiy brand rangi (logo, header), accent rang (CTA, hover), neutrals (matn, fon).
Konsistensiya muhim. Brand book yaratish β har rang uchun aniq HEX kodi va qachon ishlatish.
CTA va rang tanlash
CTA tugma rangi β konversiyaga to'g'ridan-to'g'ri ta'sir. Eng yaxshi yondashuv β qolgan saytdan ajralib turuvchi rang.
Yashil/ko'k brand sayti β to'q sariq yoki qizil CTA. Qizil brand sayti β ko'k yoki yashil CTA. Kontrast qoidasi.
A/B test β turli CTA ranglarini sinab, eng yaxshi konversiyani topish.
Industries va ranglar
Bank/moliya β ko'k (Chase, Bank of America). Ishonch va barqarorlik.
Tibbiy β ko'k yoki yashil. Toza va sog'liq.
E-commerce β qizil (Amazon's button) yoki to'q sariq (eBay).
Texnologiya β ko'k yoki qora (Apple, IBM).
Bolalar β yorqin ranglar (sariq, pushti, binafsha).
Ovqat β qizil yoki to'q sariq (ishtaha).
Tabiat/ekologiya β yashil.
Trending ranglar 2027
Pantone har yil \"Color of the Year\" e'lon qiladi. Bu trendlar veb dizaynga ta'sir qiladi.
2025 β Mocha Mousse (qahva). 2026 β Verdant Green (yorqin yashil).
Lekin trend'ga ergashish va brand konsistensiyani saqlash balans masala.
Color tool'lar
Coolors.co β bepul, color palette generator. Bir asosiy rang tanlanga, qolganlari avtomatik tanlanadi.
Adobe Color β Adobe ekosistemasida.
Color Hunt β palette galery.
Khroma β AI bilan rang palettesi.
Dark mode
2020'lardan beri dark mode trend. Foydalanuvchilar mobile'da kechqurun ko'p ishlatadi.
Dark mode dizayn β to'q ranglar fon, oqimsi matn. Lekin oddiy oq matn qora fon'da o'qish qiyin (kontrast juda yuqori). Off-white ishlatish kerak.
Sayt.uz rang strategiyasi
Sayt.uz asosiy brand rangi #1a1a6e (to'q ko'k). Bu professional va ishonchli his etadi β hosting va domen biznesi uchun mos.
Accent rang β yorqin yashil (#22c55e) success va CTA uchun. Neutrals β oq fon, kulrang matn.
Dark mode'da: qora fon, oqimsi matn, brand ko'k accent. Foydalanuvchi tanlovi bo'yicha o'tish.
WCAG AA accessibility standartlariga mos. Barcha rang juftlari kontrast tekshirilgan.