ფერის კოდის გენერატორი და ამომრჩევი

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

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

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

ვარიაციები

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

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

ჩრდილები

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

ელფერები

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

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

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

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

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

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

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

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

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

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

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

კომპლემენტი

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

#ca4e4e
საუკეთესოა: მაღალი ეფექტის მქონე დიზაინები, მოწოდებები მოქმედებისკენ, ლოგოები

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

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

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

ტრიადული

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

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

ანალოგიური

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

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

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

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

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

ტეტრადიკული

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

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

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

ბალანსი

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

კონტრასტი

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

ჰარმონია

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

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

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

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

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

- Albert Einstein

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

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

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

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

შემოქმედებითი ასპექტები