ფერის კონვერსია
#5a6e9c
Waikawa Gray
ვარიაციები
ამ სექციის მიზანია ზუსტად შექმნას შენი არჩეული ფერის ტონები (სუფთა თეთრი დამატებული) და ჩრდილები (სუფთა შავი დამატებული) 10%-იანი ზრდით.
პროფესიონალური რჩევა: გამოიყენე ჩრდილები hover მდგომარეობებისთვის და ჩრდილებისთვის, ტონები კი გამორჩეულობისა და ფონისთვის.
ჩრდილები
მუქი ვარიაციები, რომლებიც იქმნება შენი ძირითადი ფერის შავის დამატებით.
ტონები
ღია ვარიაციები, რომლებიც იქმნება შენი ძირითადი ფერის თეთრის დამატებით.
საერთო გამოყენების შემთხვევები
- • UI კომპონენტის მდგომარეობები (hover, აქტიური, გამორთული)
- • სიღრმის შექმნა ჩრდილებით და გამორჩეულობით
- • კონსისტენტური ფერის სისტემების შექმნა
დიზაინის სისტემის რჩევა
ეს ვარიაციები ქმნიან თანმიმდევრული ფერის პალიტრის საფუძველს. ექსპორტი მათ შენს მთელ პროექტში კონსისტენტურობის შესანარჩუნებლად.
ფერის კომბინაციები
თითოეულ ჰარმონიას აქვს თავისი განწყობა. გამოიყენე ჰარმონიები ფერის კომბინაციების შესაქმნელად, რომლებიც კარგად მუშაობენ ერთად.
როგორ გამოვიყენოთ
დააჭირე ნებისმიერ ფერს მისი hex მნიშვნელობის ასაკოპირებლად. ეს კომბინაციები მათემატიკურად დამტკიცებულია ვიზუალური ჰარმონიის შესაქმნელად.
რატომ არის მნიშვნელოვანი
ფერის ჰარმონიები ქმნიან ბალანსს და იწვევენ კონკრეტულ ემოციებს შენს დიზაინში.
კომპლემენტი
ფერი და მისი საპირისპირო ფერთა ბორბალზე, +180 გრადუსი ტონის. მაღალი კონტრასტი.
გაყოფილი კომპლემენტი
ფერი და ორი მეზობელი მისი კომპლემენტის, +/-30 გრადუსი ტონის საპირისპირო ძირითადი ფერისგან. თამამი, როგორც პირდაპირი კომპლემენტი, მაგრამ უფრო მრავალმხრივი.
ტრიადული
სამი ფერი თანაბრად განლაგებული ფერთა ბორბალზე, თითოეული 120 გრადუსი ტონის დაშორებით. უმჯობესია ერთი ფერი დომინირებდეს და დანარჩენები აქცენტებად გამოიყენო.
ანალოგიური
სამი ფერი იგივე სიკაშკაშითა და გაჯერებით, ტონები მეზობლად ფერთა ბორბალზე, 30 გრადუსი დაშორებით. გლუვი გადასვლები.
მონოქრომატული
სამი ფერი იგივე ტონით, სიკაშკაშის მნიშვნელობები +/-50%. დახვეწილი და ნაზი.
ტეტრადული
ორი კომპლემენტარული ფერის ნაკრები, რომლებიც 60 გრადუსით არის გამოყოფილი.
ფერთა თეორიის პრინციპები
ბალანსი
გამოიყენე ერთი დომინანტური ფერი, მხარი დაუჭირე მეორეულით და აქცენტი გააკეთე იშვიათად.
კონტრასტი
უზრუნველყავი საკმარისი კონტრასტი წაკითხვადობისა და ხელმისაწვდომობისთვის.
ჰარმონია
ფერები უნდა მუშაობდნენ ერთად, რათა შექმნან ერთიანი ვიზუალური გამოცდილება.
ფერის კონტრასტის შემმოწმებელი
ტესტი ფერთა კომბინაციებზე, რათა დარწმუნდე, რომ ისინი აკმაყოფილებენ WCAG-ის ხელმისაწვდომობის სტანდარტებს ტექსტის წაკითხვადობისთვის.
ტექსტის ფერი
ფონის ფერი
კონტრასტი
WCAG სტანდარტები
გაფართოებული კონტრასტის შემმოწმებელი
დახვეწეთ სლაიდერებით, მრავალჯერადი გადახედვით და სხვა
ყველა გენიოსია. მაგრამ თუ თევზს განსჯი მისი ხეზე ასვლის უნარით, ის მთელ ცხოვრებას გაატარებს, ფიქრობდა, რომ სულელია.