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.