ფერის კოდის გენერატორი და Selector de color

გააგენერირე ფერის კოდები, ვარიაციები, ჰარმონიები და შეამოწმე კონტრასტის თანაფარდობები.

ფერის კონვერსია

HEX

#ffc0a8

Wax Flower

HEX
#ffc0a8
HSL
17, 100, 83
RGB
255, 192, 168
XYZ
67, 62, 45
CMYK
0, 25, 34, 0
LUV
83,58,29
LAB
83, 19, 21
HWB
17, 66, 0

ვარიაციები

ამ სექციის მიზანია ზუსტად შექმნას შენი არჩეული ფერის ტონები (სუფთა თეთრი დამატებული) და ჩრდილები (სუფთა შავი დამატებული) 10%-იანი ზრდით.

პროფესიონალური რჩევა: გამოიყენე ჩრდილები hover მდგომარეობებისთვის და ჩრდილებისთვის, ტონები კი გამორჩეულობისა და ფონისთვის.

ჩრდილები

მუქი ვარიაციები, რომლებიც იქმნება შენი ძირითადი ფერის შავის დამატებით.

ტონები

ღია ვარიაციები, რომლებიც იქმნება შენი ძირითადი ფერის თეთრის დამატებით.

საერთო გამოყენების შემთხვევები

  • UI კომპონენტის მდგომარეობები (hover, აქტიური, გამორთული)
  • სიღრმის შექმნა ჩრდილებით და გამორჩეულობით
  • კონსისტენტური ფერის სისტემების შექმნა

დიზაინის სისტემის რჩევა

ეს ვარიაციები ქმნიან თანმიმდევრული ფერის პალიტრის საფუძველს. ექსპორტი მათ შენს მთელ პროექტში კონსისტენტურობის შესანარჩუნებლად.

ფერის კომბინაციები

თითოეულ ჰარმონიას აქვს თავისი განწყობა. გამოიყენე ჰარმონიები ფერის კომბინაციების შესაქმნელად, რომლებიც კარგად მუშაობენ ერთად.

როგორ გამოვიყენოთ

დააჭირე ნებისმიერ ფერს მისი hex მნიშვნელობის ასაკოპირებლად. ეს კომბინაციები მათემატიკურად დამტკიცებულია ვიზუალური ჰარმონიის შესაქმნელად.

რატომ არის მნიშვნელოვანი

ფერის ჰარმონიები ქმნიან ბალანსს და იწვევენ კონკრეტულ ემოციებს შენს დიზაინში.

კომპლემენტი

ფერი და მისი საპირისპირო ფერთა ბორბალზე, +180 გრადუსი ტონის. მაღალი კონტრასტი.

#ffc0a8
საუკეთესოა: მაღალი ზემოქმედების დიზაინები, CTA-ები, ლოგოები

გაყოფილი კომპლემენტი

ფერი და ორი მეზობელი მისი კომპლემენტის, +/-30 გრადუსი ტონის საპირისპირო ძირითადი ფერისგან. თამამი, როგორც პირდაპირი კომპლემენტი, მაგრამ უფრო მრავალმხრივი.

საუკეთესოა: ცოცხალი, მაგრამ დაბალანსებული განლაგებები

ტრიადული

სამი ფერი თანაბრად განლაგებული ფერთა ბორბალზე, თითოეული 120 გრადუსი ტონის დაშორებით. უმჯობესია ერთი ფერი დომინირებდეს და დანარჩენები აქცენტებად გამოიყენო.

საუკეთესოა: მხიარული, ენერგიული დიზაინები

ანალოგიური

სამი ფერი იგივე სიკაშკაშითა და გაჯერებით, ტონები მეზობლად ფერთა ბორბალზე, 30 გრადუსი დაშორებით. გლუვი გადასვლები.

საუკეთესოა: ბუნებით შთაგონებული, დამამშვიდებელი ინტერფეისები

მონოქრომატული

სამი ფერი იგივე ტონით, სიკაშკაშის მნიშვნელობები +/-50%. დახვეწილი და ნაზი.

საუკეთესოა: მინიმალისტური, დახვეწილი დიზაინები

ტეტრადული

ორი კომპლემენტარული ფერის ნაკრები, რომლებიც 60 გრადუსით არის გამოყოფილი.

საუკეთესოა: მდიდარი, მრავალფეროვანი ფერთა სქემები

ფერთა თეორიის პრინციპები

ბალანსი

გამოიყენე ერთი დომინანტური ფერი, მხარი დაუჭირე მეორეულით და აქცენტი გააკეთე იშვიათად.

კონტრასტი

უზრუნველყავი საკმარისი კონტრასტი წაკითხვადობისა და ხელმისაწვდომობისთვის.

ჰარმონია

ფერები უნდა მუშაობდნენ ერთად, რათა შექმნან ერთიანი ვიზუალური გამოცდილება.

ფერის კონტრასტის შემმოწმებელი

ტესტი ფერთა კომბინაციებზე, რათა დარწმუნდე, რომ ისინი აკმაყოფილებენ WCAG-ის ხელმისაწვდომობის სტანდარტებს ტექსტის წაკითხვადობისთვის.

ტექსტის ფერი
ფონის ფერი
კონტრასტი
1.00
Fail
ძალიან ცუდი
პატარა ტექსტი
✖︎
დიდი ტექსტი
✖︎
WCAG სტანდარტები
AA:მინიმალური კონტრასტის კოეფიციენტი 4.5:1 ჩვეულებრივი ტექსტისთვის და 3:1 დიდი ტექსტისთვის. აუცილებელია უმეტეს ვებსაიტებისთვის.
AAA:გაძლიერებული კონტრასტის კოეფიციენტი 7:1 ჩვეულებრივი ტექსტისთვის და 4.5:1 დიდი ტექსტისთვის. რეკომენდირებულია ოპტიმალური ხელმისაწვდომობისთვის.
არასაკმარისი კონტრასტი ყველა ტექსტის ზომისთვის - ვერ აკმაყოფილებს WCAG სტანდარტებს.

გაფართოებული კონტრასტის შემმოწმებელი

დახვეწეთ სლაიდერებით, მრავალჯერადი გადახედვით და სხვა

ყველა გენიოსია. მაგრამ თუ თევზს განსჯი მისი ხეზე ასვლის უნარით, ის მთელ ცხოვრებას გაატარებს, ფიქრობდა, რომ სულელია.

- Albert Einstein

ტექნიკური ფორმატები

პრაქტიკული ფორმატები

ფერის ანალიზი

სიბრმავის სიმულატორი

კრეატიული ასპექტები