გჭირდებათ ფერი მაკეტისთვის, დიაგრამისთვის ან ცარიელი ტილოსთვის და არ გსურთ, რომ იგი ჩვევის მიხედვით აირჩიოთ? ეს უფასო შემთხვევითი ფერების გენერატორი ფერებს მთელი 24-bit დიაპაზონიდან იღებს, რომლის ჩვენებაც ეკრანს შეუძლია, და თითოეულ მათგანს ფერის ნიმუშზე, კოდის გვერდით, აჩვენებს. ველში „რაოდენობა“ აირჩიეთ, რამდენი ფერი გსურთ — ნებისმიერი რიცხვი 1-დან 50-მდე — მონიშნეთ საჭირო ფორმატები და დააჭირეთ ღილაკს „გენერაცია“. გვერდი ერთი ფერით HEX ფორმატში იხსნება, ამიტომ პირველი შედეგი ერთ დაწკაპუნებაზეა. მოსანიშნი ველი „HEX კოდი“ თავიდანვე მონიშნულია, მის გვერდით არის „RGB კოდი“ და „HSL კოდი“, და სამივეს ნებისმიერი კომბინაცია ერთდროულად შეიძლება ჩაირთოს. კბილანის ღილაკი „გენერაცია“-ს გვერდით ხსნის განყოფილებას „დამატებითი პარამეტრები“, სადაც ფერებს ერთ ტიპზე ან დიაპაზონზე შეზღუდავთ, გამეორებებს გამორიცხავთ და HEX-ის ჩაწერის წესს შეცვლით.
თითოეული ფერი იქმნება თქვენს ბრაუზერში Web Crypto API-ით (crypto.getRandomValues), რომელიც კრიპტოგრაფიულად საიმედო შემთხვევით ბაიტებს ოპერაციული სისტემის საკუთარი შემთხვევითობის წყაროდან იღებს და არა Math.random() ფუნქციით. ფერი ეკრანზე შედგება სამი არხისგან — წითელი, მწვანე და ლურჯი — თითოეული არის მთელი რიცხვი 0-დან 255-მდე, ხოლო ერთ შემთხვევით ბაიტს ზუსტად 256 მნიშვნელობა შეუძლია მიიღოს. ამრიგად, თითოეული არხი არის უბრალოდ ერთი ბაიტი, ყოველგვარი შუალედური ეტაპების გარეშე: ნაშთი არ აიღება და გარდაქმნის არცერთი ნაბიჯი არ ანიჭებს უპირატესობას რომელიმე ელფერს. ეს 24-bit ფერად სივრცეში არსებულ ყველა 16,777,216 ფერს, რომელთა შექმნაც გვერდს შეუძლია, ზუსტად თანაბრად სავარაუდოს ხდის ყოველ ჯერზე, როდესაც აჭერთ ღილაკს „გენერაცია“. უფრო ვიწრო დიაპაზონი განყოფილებაში „დამატებითი პარამეტრები“ ინარჩუნებს ამ პრინციპს დიაპაზონის ფარგლებში: ფერები კვლავ მთელი სივრციდან შეირჩევა, ხოლო ისინი, რომლებიც საზღვრებს სცდება, უგულებელყოფილია, ამიტომ დიაპაზონით დაშვებულ თითოეულ ფერს თანაბარი შანსი აქვს. სერვერზე არაფერი იგზავნება, არაფერი იწერება და გვერდი ჩატვირთვის შემდეგ აგრძელებს მუშაობას ინტერნეტის გარეშეც.
სამი ფორმატი ერთსა და იმავე ფერს სამი განსხვავებული ხერხით აღწერს. „HEX კოდი“ არის ექვსნიშნა ფორმა, რომელიც გამოიყენება CSS-სა და დიზაინის უმეტეს ხელსაწყოში, მაგალითად #0778ff; ის იწერება მცირე ასოებით და # სიმბოლოთი დასაწყისში, ხოლო ოფციები „მთავრული“ და „#-ის გარეშე“ განყოფილებაში „დამატებითი პარამეტრები“ ცვლის ამ ჩანაწერს იმ ხელსაწყოებისთვის, რომლებიც სხვა ფორმატს მოითხოვს. „RGB კოდი“ ცალ-ცალკე წარმოადგენს სამ არხს, როგორიცაა rgb(7, 120, 255), რაც მოსახერხებელია პროგრამული კოდისთვის, რომელიც თითოეულ არხთან ინდივიდუალურად მუშაობს. „HSL კოდი“ აღწერს ფერს ისეთი პარამეტრებით, როგორიცაა ელფერი, გაჯერება და სინათლე, როგორც ეს ჩანს ჩანაწერში hsl(213, 100%, 51%), რაც ყველაზე მოსახერხებელი ფორმაა შემდგომი ხელით რეგულირებისთვის. სამივე ფორმატი პირდაპირ თავსდება სტილების ცხრილში. თუმცა ისინი ერთნაირად ზუსტი არ არის. HEX და RGB ზუსტია; HSL დამრგვალებულია. გვერდი ელფერს, გაჯერებასა და სინათლეს მთელი რიცხვებით წერს, ხოლო ფერების დაახლოებით 89%-ისთვის ეს დამრგვალებული მნიშვნელობა უკან ზუსტად იმავე ფერში აღარ გარდაიქმნება: #646503 ნაჩვენებია როგორც hsl(61, 94%, 20%), რაც უკან გარდაიქმნება როგორც #616303. განსხვავება არასდროს აღემატება 5 საფეხურს არხში და ჩვეულებრივ მხოლოდ 1 ან 2 ერთეულია — ეკრანზე შეუმჩნეველია, მაგრამ რეალურია, თუ ინახავთ HSL მნიშვნელობას და მოელით საწყისი HEX კოდის დაბრუნებას. შეინახეთ HEX ან RGB მნიშვნელობა, როდესაც ზუსტი ფერი მნიშვნელოვანია.
ერთი ფერი ჩნდება ცალკე ბლოკად შედეგის შუაგულში; რამდენიმე ფერი კი ნაჩვენებია დანომრილი სიის სახით, თითო ფერი თითო მწკრივში, შერჩეული ფორმატებით გვერდიგვერდ და ბოლოში კონტრასტის მცირე ნიშნაკით. სამზე მეტი ფერის სია იხვევა ბლოკის შიგნით, ხოლო კუთხეში არსებული ისარი ხსნის მას სრულ სიმაღლეზე; გვერდს ამახსოვრდება, რა მდგომარეობაში დატოვეთ იგი. დააწკაპუნეთ ნებისმიერ კოდზე მხოლოდ ამ კონკრეტული კოდის დასაკოპირებლად. მწკრივის ბოლოს მდებარე კოპირების ღილაკი აკოპირებს ამ ფერის ყველა კოდს ერთ ხაზზე, ინტერვალებით გამოყოფილს. დააწკაპუნეთ უშუალოდ ფერის ნიმუშზე და გაიხსნება თქვენი ბრაუზერის ფერის ამრჩევი: აირჩიეთ იქ სხვა ფერი და ამ მწკრივის თითოეული კოდი განახლდება მის შესაბამისად, თქვენ მიერ ჩართულ თითოეულ ფორმატში, კონტრასტის ნიშნაკთან ერთად. ღილაკი „ყველას კოპირება“ აკოპირებს მთელ პარტიას, თითო ფერს თითო ხაზზე, ხოლო „ფაილში შენახვა“ ინახავს იმავე ტექსტს ჩვეულებრივ .txt ფაილში; ორივე ითვალისწინებს ამრჩევში თქვენ მიერ შეცვლილ ფერებს. განყოფილება „ისტორია“ ინახავს თქვენს ბოლო 10 პარტიას ამ ბრაუზერში, ზუსტად ისე, როგორც ისინი დაგენერირდა, ხოლო „გასუფთავება“ ასუფთავებს შედეგს. თქვენი პარამეტრები, მათ შორის პანელში „დამატებითი პარამეტრები“, ინახება შემდეგი ვიზიტისთვის.
თანაბრად სავარაუდო ფერები ვიზუალურად თანაბრად განაწილებულად არ გამოიყურება და იმის ცოდნა, თუ რას უნდა ელოდოთ, დაგიზოგავთ ღილაკზე „გენერაცია“ ზედმეტად დაჭერას. მთელ დიაპაზონში გაზომვისას, ფერების დაახლოებით 35% არის მკვეთრი და გაჯერებული, სადაც HSL გაჯერება არის მინიმუმ 70%, ხოლო სინათლე 35%-დან 65%-მდე. ნაცრისფერთან მიახლოებული ფერები, 20%-ზე ნაკლები გაჯერებით, შეადგენს მხოლოდ დაახლოებით 4%-ს, ხოლო ძალიან მუქი ფერები (სინათლე 20%-ზე ნაკლები) და ძალიან ღია ფერები (80%-ზე მეტი) — დაახლოებით 3%-ს თითოეული. ამიტომ, პარამეტრში „ყველა ფერი“ ათი ფერის პარტია ჩვეულებრივ შეიცავს რამდენიმე მკვეთრ ფერს და იშვიათად პასტელს ან მუქ ნაცრისფერს. როდესაც გჭირდებათ კონკრეტული ტიპი, აირჩიეთ იგი მენიუში „ფერის ტიპი“: ოფცია „მკვეთრი“ ინარჩუნებს ზუსტად ამ გაჯერებულ ჯგუფს, ხოლო „პასტელი“, „მუქი“, „დახშული“ და „ნაცრისფერი ტონები“ იგივეს აკეთებს თავიანთი ჯგუფებისთვის. რეჟიმი „მორგებული“ საშუალებას გაძლევთ დააყენოთ თქვენი საკუთარი დიაპაზონები პარამეტრებისთვის „ელფერი“, „გაჯერება“ და „სინათლე“, ხოლო ელფერის დიაპაზონმა შეიძლება გადაკვეთოს 0, ასე რომ 330-დან 30-მდე გაძლევთ წითელ ტონებს. დიაპაზონი მოწმდება გვერდზე ნაჩვენები HSL კოდის მიხედვით, ასე რომ არცერთი კოდი არ სცდება მას, ხოლო თუ მასში ძალიან ცოტა ფერია ველში მითითებული მნიშვნელობისთვის „რაოდენობა“, გვერდი გთხოვთ მის გაფართოებას ფერების გამეორების ნაცვლად. სხვა მხრივ გამეორება შესაძლებელია, მაგრამ იშვიათი: მონიშნეთ ოფცია „გამეორების გარეშე“ მათ გამოსარიცხად; მის გარეშე კი ალბათობა იმისა, რომ სრული დიაპაზონიდან 50 ფერს შორის ორი იდენტური აღმოჩნდეს, არის დაახლოებით 1 13,700-დან.
შემთხვევითი ფერი ხშირად ფონად გამოიყენება, რაც ბადებს კითხვას, რომელსაც ფერის ნიმუში თვალით ვერ უპასუხებს: იქნება თუ არა მასზე ტექსტი იკითხვადი? ვებხელმისაწვდომობის სტანდარტი WCAG მოითხოვს მინიმუმ 4.5:1 კონტრასტის კოეფიციენტს ჩვეულებრივი ტექსტისთვის. ამ გვერდის მიერ შექმნილ ყველა ფერზე გაზომვისას, შავი ტექსტი ამ ნიშნულს აღწევს მათ დაახლოებით 65%-ზე, ხოლო თეთრი ტექსტი — დაახლოებით 36%-ზე, და არ არსებობს ფერი, რომელზეც ორივე ჩაიჭრება: მათგან უკეთესი ყოველთვის აღწევს მინიმუმ 4.58:1 მაჩვენებელს. ასე რომ, ნებისმიერ შემთხვევით ფონზე შავი ან თეთრი ტექსტი იკითხვადი იქნება და გვერდი ზუსტად გიჩვენებთ, რომელი მათგანი. თითოეულ ფერთან გამოსახულია პატარა ნიშნაკი წარწერით Aa ამ ორიდან უკეთეს ფერში, რასაც მოსდევს მისი კონტრასტის კოეფიციენტი. კოეფიციენტი მრგვალდება ქვემოთ, ამიტომ ის არასდროს აზვიადებს შედეგს და ავტომატურად ახლდება, როდესაც ფერს ამრჩევში ცვლით. ნიშნაკი ადარებს მხოლოდ შავ და თეთრ ტექსტს; ბრენდის ფერისთვის ან ნებისმიერი სხვა ფერის ტექსტისთვის გამოიყენეთ კონტრასტის შემმოწმებელი.
შემთხვევითი არ ნიშნავს ჰარმონიულს. პარტიაში თითოეული ფერი შეირჩევა დამოუკიდებლად, სხვების შესახებ ინფორმაციის გარეშე, ამიტომ გენერატორი არასდროს აგებს პალიტრას დიზაინერული გაგებით — აქ არ არის დამატებითი წყვილები, ანალოგიური მიმდევრობები ან საერთო სინათლე. ვიწრო დიაპაზონი ცვლის პარტიის ხასიათს და არა ამ წესს: პასტელური ან ლურჯი ტონები მაინც სათითაოდ ჩნდება, მათ შორის ყოველგვარი დამაკავშირებელი კავშირის გარეშე. სწორედ ეს არის არსი: ის გაძლევთ ფერს, რომელსაც თავად არ აირჩევდით, რაც არღვევს ჩვევას ან შემოქმედებით ჩიხს. შემთხვევითი აღმოჩენის გამოსაყენებელ შედეგად გადასაქცევად, შეინარჩუნეთ თქვენთვის სასურველი ფერი და დანარჩენები მისგან გამოიყვანეთ, ნაცვლად იმისა, რომ დააჭიროთ ღილაკს „გენერაცია“ მთელი ნაკრების შემთხვევით შეხამებამდე. შეინარჩუნეთ მისი ელფერი და შეცვალეთ სინათლე უფრო ღია და უფრო მუქი ვარიანტებისთვის, ან შეატრიალეთ ელფერი 180 გრადუსით საპირისპირო ფერის მისაღებად. „HSL კოდი“ არის ფორმატი, რომელიც ამ ნაბიჯებს მკაფიო არითმეტიკად აქცევს და არა ვარაუდად.
რატომ უნდა აირჩიოთ ეს შემთხვევითი ფერების გენერატორი?
- თითოეული ფერი იქმნება თქვენს ბრაუზერში Web Crypto API-ით, სერვერზე არაფერი იტვირთება
- ყველა 16,777,216 ფერს აქვს ზუსტად თანაბარი შანსი, თითო შემთხვევითი ბაიტი თითოეულ არხზე
- HEX, RGB და HSL კოდები ერთი და იმავე ფერისთვის, ნებისმიერი კომბინაციით
- 50-მდე ფერი ერთდროულად, თითოეული ფერის ნიმუშით და ტექსტის კონტრასტის ნიშნაკით
- „მკვეთრი“, „პასტელი“, „მუქი“, „დახშული“ და „ნაცრისფერი ტონები“, ან საკუთარი დიაპაზონები პარამეტრებისთვის „ელფერი“, „გაჯერება“ და „სინათლე“
- რეჟიმი „გამეორების გარეშე“, როდესაც ეს გჭირდებათ, და HEX კოდი რეჟიმში „მთავრული“ ან „#-ის გარეშე“
- დააწკაპუნეთ კოდზე მის დასაკოპირებლად, ან შეცვალეთ ნებისმიერი ფერი ბრაუზერის ამრჩევში
- ფუნქციები „ყველას კოპირება“, „ფაილში შენახვა“ და ბოლო 10 პარტიის „ისტორია“ თქვენს ბრაუზერში
- უფასო და ულიმიტო: რეგისტრაციის გარეშე, ლიმიტების გარეშე, ჩვენს სერვერებზე არაფერი ინახება
შემთხვევითი ფერები გამოსადეგია ყველგან, სადაც ფერია საჭირო მანამ, სანამ ვინმე საბოლოო გადაწყვეტილებას მიიღებს. დიზაინერები მათ იყენებენ შემოქმედებითი ჩიხის დასაძლევად და ისეთი საწყისი წერტილის მოსაძებნად, რომელსაც მათი ჩვეული პალიტრა ვერასდროს მიაგნებდა. დეველოპერები ავსებენ მაკეტებს, ჩანაცვლების ველებსა და ავატარებს, ანიჭებენ დიაგრამის თითოეულ სერიას საკუთარ ფერს, სანამ რეალური თემა ჯერ კიდევ გადაუწყვეტელია, და ამოწმებენ, როგორ ეგუება ინტერფეისი იმ ფონებს, რომლებისთვისაც ის არ იყო გათვლილი — პარამეტრით „ყველა ფერი“ 50 ფერისგან შემდგარი პარტია თითქმის ყოველთვის შეიცავს მინიმუმ ერთ ძალიან მუქ ან ძალიან ღია ფერს, ხოლო ტიპები „მუქი“ ან „პასტელი“ ტესტირებას ერთ-ერთი ბოლოსკენ წარმართავს. გენერაციული ხელოვნების ოსტატები და თამაშების პროტოტიპების შემქმნელები მნიშვნელობებს პირდაპირ კოდში გადასცემენ, სადაც RGB ფორმატი უმეტეს გრაფიკულ ბიბლიოთეკას შეესაბამება. მასწავლებლები გვერდიგვერდ ათავსებენ სამ ფორმატს იმის საჩვენებლად, რომ ერთი და იგივე ფერი შეიძლება ჩაიწეროს როგორც კოდი, როგორც სამი არხი ან როგორც პოზიცია ფერთა ბორბალზე, და ასევე იმის ასახსნელად, თუ რატომ არის HSL ვერსია დამრგვალებული. ხოლო ნებისმიერი პირი, რომელიც სიას ნიშნავს, აიარლიყებს ან ფერებით ანაწილებს, იღებს მკაფიოდ განსხვავებულ ფერებს ხანგრძლივი ფიქრის გარეშე.
რამდენიმე გულწრფელი შეზღუდვა წინასწარ უნდა იცოდეთ. ეს არის გენერატორი და არა პალიტრის ხელსაწყო: ის არ ქმნის ფერთა ჰარმონიებს და არ აფიქსირებს ერთ ფერს დანარჩენების შეცვლისას, ხოლო ვიწრო დიაპაზონი იძლევა ერთი ტიპის ფერებს და არა ერთმანეთთან შეხამებულ ფერებს. კონტრასტის ნიშნაკი ადარებს მხოლოდ შავ და თეთრ ტექსტს. გვერდი მუშაობს sRGB ფერებთან, რომლებსაც ეკრანი ასახავს — HEX, RGB და HSL — გამჭვირვალობის გარეშე და CMYK, Pantone, OKLCH ან სახელდებული CSS ფერების გარეშე; ბეჭდვისთვის ფერი ბეჭდვის მომზადების პროცესში შეუსაბამეთ და ნუ დაეყრდნობით ეკრანის კოდს. ერთი და იგივე კოდი შესაძლოა ოდნავ განსხვავებულად გამოიყურებოდეს სხვადასხვა ეკრანზე, რადგან მონიტორები ერთნაირად არ არის დაკალიბრებული. HSL მნიშვნელობები დამრგვალებულია, როგორც ზემოთ არის აღწერილი, და სანამ ოფცია „გამეორების გარეშე“ არ არის მონიშნული, პარტია არ მოწმდება გამეორებებზე. რასაც გვერდი ნამდვილად გარანტირებულად უზრუნველყოფს, ბევრად უფრო მკაფიო და ზუსტია: მის თითოეულ 16,777,216 ფერს, ან თქვენ მიერ მითითებული დიაპაზონის თითოეულ ფერს, ყოველ დაჭერაზე აქვს ზუსტად თანაბარი შანსი, მიღებულია თქვენი ბრაუზერის კრიპტოგრაფიული წყაროდან და არსად არ იგზავნება.