Rang konversiyasi
#bdb3c7
Chatelle
Variatsiyalar
Ushbu bo'limning maqsadi siz tanlagan rangning 10% o'sish bilan toza oq qo'shilgan tints va toza qora qo'shilgan shades ni aniq ishlab chiqarishdir.
Pro Maslahat: Hover holatlari va soyalar uchun shades, yoritish va fonlar uchun tints dan foydalaning.
Shades
Asosiy rangingizga qora qo'shish orqali yaratilgan quyuq variatsiyalar.
Tints
Asosiy rangingizga oq qo'shish orqali yaratilgan ochiq variatsiyalar.
Umumiy foydalanish holatlari
- • UI komponent holatlari (hover, faol, o'chirilgan)
- • Soyalar va yoritish bilan chuqurlik yaratish
- • Izchil rang tizimlarini yaratish
Dizayn tizimi maslahati
Ushbu variatsiyalar izchil rang palitrasining asosini tashkil qiladi. Loyihangiz bo'ylab izchillikni saqlash uchun ularni eksport qiling.
Rang kombinatsiyalari
Har bir uyg'unlik o'ziga xos kayfiyatga ega. Birgalikda yaxshi ishlaydigan rang kombinatsiyalarini o'ylab topish uchun uyg'unliklardan foydalaning.
Qanday foydalanish kerak
Har qanday rangni bosib, uning hex qiymatini nusxalash mumkin. Ushbu kombinatsiyalar vizual uyg'unlik yaratish uchun matematik jihatdan isbotlangan.
Nima uchun bu muhim
Rang uyg'unliklari dizaynlaringizda muvozanat yaratadi va ma'lum his-tuyg'ularni uyg'otadi.
Komplement
Rang va uning rang doirasidagi qarama-qarshi tomoni, +180 daraja rang. Yuqori kontrast.
Bo‘lingan komplementar
Rang va uning komplementiga yaqin ikkita rang, asosiy rangning qarama-qarshi qiymatidan +/-30 daraja. To‘g‘ri komplement kabi jasur, lekin ko‘proq moslashuvchan.
Triadik
Rang doirasida teng masofada joylashgan uchta rang, har biri 120 daraja rang farqi bilan. Eng yaxshisi bitta rangni ustun qo‘yish va boshqalarini aksent sifatida ishlatish.
Analog
Bir xil yorqinlik va to‘yinganlikka ega uchta rang, rang doirasida yonma-yon joylashgan, 30 daraja farq bilan. Silliq o‘tishlar.
Monoxromatik
Bir xil rangga ega uchta rang, yorqinlik qiymatlari +/-50%. Nozik va nafis.
Tetradik
Ikkita toʻldiruvchi ranglar toʻplami, 60 daraja rang oʻqi bilan ajratilgan.
Rang nazariyasi prinsiplari
Muvozanat
Bitta asosiy rangdan foydalaning, ikkinchi darajali bilan qo‘llab-quvvatlang va aksentni kamdan-kam qo‘llang.
Kontrast
O‘qilishi va kirish imkoniyati uchun yetarli kontrastni ta'minlang.
Garmoniya
Ranglar birgalikda ishlashi va yagona vizual tajriba yaratishi kerak.
Rang kontrasti tekshiruvchisi
Matn o'qilishi uchun WCAG kirish standartlariga javob berishini ta'minlash uchun rang kombinatsiyalarini sinab ko'ring.
Matn rangi
Fon rangi
Kontrast
WCAG standartlari
Kengaytirilgan kontrast tekshiruvchisi
Slayderlar, bir nechta oldindan ko'rishlar va boshqalar bilan nozik sozlash
Hamma daho. Ammo agar siz baliqni daraxtga chiqish qobiliyati bilan baholasangiz, u butun umrini o'zini ahmoq deb hisoblab o'tkazadi.