Өнгө хувиргалт
#fde1dc
Cinderella
Хувилбарууд
Энэ хэсгийн зорилго нь таны сонгосон өнгөнд 10%-ийн нэмэгдлээр цэвэр цагаан болон цэвэр хар нэмсэн өнгөний хувилбаруудыг нарийвчлалтай гаргах явдал юм.
Мэргэжлийн зөвлөгөө: Hover төлөв болон сүүдэрт зориулж сүүдэрүүдийг, онцлох болон арын дэвсгэрт зориулж цайвар өнгийг ашиглаарай.
Сүүдэрүүд
Таны үндсэн өнгөнд хар нэмсэнээр үүссэн бараан хувилбарууд.
Цайварууд
Таны үндсэн өнгөнд цагаан нэмсэнээр үүссэн цайвар хувилбарууд.
Ерөнхий хэрэглээ
- • UI бүрэлдэхүүн хэсгийн төлөвүүд (hover, идэвхтэй, идэвхгүй)
- • Сүүдэр болон онцлох зүйлсээр гүнзгийрүүлэх
- • Тогтвортой өнгөний систем бүтээх
Дизайн системийн зөвлөгөө
Эдгээр хувилбарууд нь нэгдмэл өнгөний палетийн үндэс суурийг бүрдүүлдэг. Төслийнхөө туршид тогтвортой байдлыг хадгалахын тулд тэдгээрийг экспортлоорой.
Өнгөний хослолууд
Тус бүрийн зохицол нь өөрийн гэсэн уур амьсгалтай. Зохицлуудыг ашиглан сайн зохицох өнгөний хослолуудыг бодож олоорой.
Хэрхэн ашиглах вэ
Ямар ч өнгөн дээр дарж түүний hex утгыг хуулна уу. Эдгээр хослолууд нь харааны зохицлыг бий болгоход математик аргаар батлагдсан.
Яагаад чухал вэ
Өнгөний зохицол нь тэнцвэрийг бий болгож, таны дизайнд тодорхой сэтгэл хөдлөлийг төрүүлдэг.
Нэмэлт
Өнгөний дугуй дээрх өнгө ба түүний эсрэг, +180 градусын өнгө. Өндөр ялгаралт.
Хуваагдсан нэмэлт
Өнгө ба түүний нэмэлтийн хажууд байгаа хоёр өнгө, үндсэн өнгийн эсрэг утгаас +/-30 градусын өнгө. Шулуун нэмэлт шиг зоримог боловч илүү уян хатан.
Гурвалсан
Өнгөний дугуй дээр жигд зайтай гурван өнгө, тус бүр 120 градусын өнгөний зайтай. Нэг өнгийг давамгайлуулж, бусдыг нь онцлох байдлаар ашиглах нь хамгийн сайн.
Адил төстэй
Өнгөний дугуй дээр 30 градусын зайтай, ижил гэрэлтэлт, ханасан гурван өнгө. Зөөлөн шилжилтүүд.
Нэг өнгөт
Ижил өнгийн гурван өнгө, гэрэлтэлтийн утга +/-50%. Нарийн бөгөөд боловсронгуй.
Дөрвөлжин
Өнгөний 60 градусын зайтай, хоёр багц эсрэг өнгө.
Өнгөний онолын зарчим
Тэнцвэр
Нэг давамгайлсан өнгийг ашиглаж, хоёрдогч өнгөөр дэмжиж, онцлох өнгийг ховорхон ашигла.
Ялгарал
Уншихад хялбар, хүртээмжтэй байхын тулд хангалттай ялгаралтыг ханга.
Зохицол
Өнгө нь нэгдмэл харааны туршлагыг бий болгохын тулд хамтран ажиллах ёстой.
Өнгөний ялгарал шалгагч
Текст унших боломжтой байдлыг хангахын тулд WCAG хүртээмжийн стандартыг хангаж байгаа эсэхийг шалгахын тулд өнгөний хослолыг туршина уу.
Текстийн өнгө
Арын өнгө
Ялгарал
WCAG стандартууд
Нарийвчилсан контраст шалгагч
Гулсагч, олон урьдчилсан харагдац болон бусад зүйлсээр нарийн тохируулах
Хүн бүр суут ухаантан. Гэхдээ хэрэв та загасыг модонд авирах чадвараар нь шүүмжилбэл, тэр амьдралынхаа туршид өөрийгөө тэнэг гэж итгэх болно.