Maket, diaqram və ya boş tual üçün rəng axtarırsınız və vərdiş üzündən seçim etmək istəmirsiniz? Bu pulsuz təsadüfi rəng generatoru ekranın göstərə biləcəyi tam 24 bitlik diapazondan rənglər çəkir və hər birini kodunun yanında rəng nümunəsində göstərir. Say sahəsində istədiyiniz miqdarı seçin — 1-dən 50-yə qədər istənilən rəqəm — lazım olan formatları işarələyin və Yarat düyməsini basın. Səhifə HEX formatında bir rənglə açılır, ona görə də ilk nəticə bir kliklə əldə olunur. HEX kodu qutusu əvvəldən işarələnib, RGB kodu və HSL kodu qutuları onun yanındadır, üçünün istənilən birləşməsi eyni anda aktiv edilə bilər. Yarat düyməsinin yanındakı dişli düymə Əlavə Seçimlər bölməsini açır, burada rəngləri bir növlə və ya diapazonla məhdudlaşdıra, təkrarları istisna edə və HEX yazılışını dəyişə bilərsiniz.
Hər rəng brauzerinizdə Web Crypto API (crypto.getRandomValues) vasitəsilə yaradılır, bu da Math.random() kimi psevdo-təsadüfi funksiyadan istifadə etmək əvəzinə, sisteminizin öz təsadüfilik mənbəyindən kriptoqrafik cəhətdən güclü təsadüfi baytlar təqdim edir. Ekrandaki rəng üç kanaldan ibarətdir — qırmızı, yaşıl və göy — hər biri 0-dan 255-ə qədər tam ədəddir, bir təsadüfi bayt isə düz 256 dəyər ala bilir. Yəni hər kanal sadəcə bir baytdır, aralıq addım yoxdur: qalıq götürülmür, çevirmə addımı heç bir tonu üstün tutmur. Bu, səhifənin yarada biləcəyi 16.777.216 rəngin hamısını, hər dəfə Yarat düyməsini basdığınızda, tamamilə bərabər ehtimallı edir. Əlavə Seçimlər bölməsindəki daha dar diapazon bu xüsusiyyəti diapazon daxilində də qoruyur: rənglər yenə də bütün fəzadan çəkilir, diapazondan kənarda qalanlar kənarlaşdırılır, ona görə də diapazonun icazə verdiyi hər rəngin şansı eynidir. Heç nə serverə göndərilmir, heç nə qeyd olunmur, səhifə yükləndikdən sonra internet bağlantısı kəsilsə də işləməyə davam edir.
Üç format eyni rəngi üç fərqli yolla təsvir edir. HEX kodu formatı CSS-də və əksər dizayn alətlərində istifadə olunan altı rəqəmli yazılışdır, məsələn #0778ff; kiçik hərflərlə və əvvəlində # işarəsiylə yazılır, Əlavə Seçimlər bölməsindəki Böyük hərflər və # olmadan seçimləri bunu başqa yazılış tələb edən alətlər üçün dəyişir. RGB kodu formatı üç kanalı ayrıca yazır, məsələn rgb(7, 120, 255), bu da hər kanalla ayrıca işləyən koda uyğundur. HSL kodu formatı rəngi ton, doyğunluq və işıqlılıqla təsvir edir, məsələn hsl(213, 100%, 51%), bu da sonradan əl ilə tənzimləmək üçün ən asan formadır. Üç format da birbaşa stil vərəqinə yapışdırıla bilər. Lakin onlar eyni dəqiqlikdə deyil. HEX və RGB dəqiqdir; HSL yuvarlaqlaşdırılmışdır. Səhifə Ton, Doyğunluq və Işıqlılıq dəyərlərini tam ədəd kimi yazır, rənglərin təxminən 89%-i üçün isə bu yuvarlaqlaşdırılmış dəyər dəqiq olaraq eyni rəngə geri çevrilmir: #646503 hsl(61, 94%, 20%) kimi göstərilir, bu dəyər isə #616303-ə geri çevrilir. Fərq bir kanalda heç vaxt 5 pillədən çox olmur və adətən 1 və ya 2-dir — ekranda görünməz, amma HSL dəyərini saxlayıb orijinal HEX-ə qayıtmağı gözləyirsinizsə, real fərqdir. Ona görə HEX və ya RGB dəyərini saxlayın.
Bir rəng nəticənin ortasında tək bir çip kimi görünür; bir neçə rəng isə nömrələnmiş siyahı kimi görünür, hər sətirdə bir rəng, seçilmiş formatlar yan-yana və sonunda kiçik bir kontrast nişanı ilə. Üç rəngdən çox olan siyahı qutunun içində sürüşür, küncündəki ox onu tam hündürlüyə açır; səhifə onu hansı vəziyyətdə qoyduğunuzu yadda saxlayır. İstənilən kodu klikləyərək yalnız həmin kodu kopyalayın. Sətrin sonundakı kopyalama düyməsi həmin rəngin bütün kodlarını boşluqlarla ayrılmış bir sətirdə kopyalayır. Nümunənin özünü klikləyin, brauzerinizin öz rəng seçicisi açılır: orada başqa rəng seçin, o sətirdəki bütün kodlar, aktiv etdiyiniz hər formatda, nişanı ilə birlikdə yenidən yazılır. Hamısını kopyala düyməsi bütün dəsti, hər sətirdə bir rəng, kopyalayır, Faylda saxla düyməsi isə eyni mətni sadə bir .txt faylına yazır; ikisi də seçicidə dəyişdiyiniz rəngə uyğunlaşır. Tarixçə funksiyası bu brauzerdə son 10 dəstinizi, yarandıqları kimi, saxlayır, Təmizlə düyməsi isə nəticəni boşaldır. Əlavə Seçimlər bölməsindəkilər də daxil olmaqla, tənzimləmələriniz növbəti ziyarət üçün yadda saxlanılır.
Ehtimalı bərabər olan rənglər bərabər paylanmış görünmür, nəyi gözləmək lazım olduğunu bilmək isə Yarat düyməsini səhv səbəbdən basmağın qarşısını alır. Bütün diapazon üzrə ölçüldükdə, rənglərin təxminən 35%-i parlaq və doymuşdur, HSL doyğunluğu ən azı 70% və işıqlılığı 35% ilə 65% arasındadır. Boz rəngə yaxın olan, doyğunluğu 20%-dən aşağı olan rənglər cəmi təxminən 4%-dir, çox tünd (işıqlılığı 20%-dən aşağı) və çox açıq (80%-dən yuxarı) rənglər isə hər biri təxminən 3%-dir. Ona görə Bütün rənglər seçimindən on rəngdən ibarət dəst adətən bir neçə güclü rəng saxlayır və çox nadir hallarda pastel və ya kömür-boz rəng saxlayır. Müəyyən bir növ lazım olduqda, onu Rəng növü siyahısından seçin: Canlı seçimi məhz həmin qrupa uyğundur, Pastel, Tünd, Boğuq və Boz çalarlar seçimləri isə hər biri öz qrupuna. Fərdi seçimi öz Ton, Doyğunluq və Işıqlılıq diapazonlarınızı təyin etməyə imkan verir, ton diapazonu 0-dan keçə bilər, ona görə 330-dan 30-a qədər diapazon qırmızı rənglər verir. Diapazon səhifənin göstərdiyi HSL kodu ilə yoxlanılır, ona görə heç bir kod diapazondan kənarda qalmır, əgər diapazon Say sahəsi üçün çox az rəng saxlayırsa, səhifə rəngləri təkrarlamaq əvəzinə diapazonu genişləndirməyinizi istəyir. Bundan başqa, təkrarlar mümkündür, amma nadirdir: bunun qarşısını almaq üçün Təkrarsız qutusunu işarələyin, işarələməsəniz, bütün diapazondan 50 rəngdən ikisinin eyni olma ehtimalı təxminən 13.700-də 1-dir.
Təsadüfi rəng çox vaxt fon kimi istifadə olunur, bu da nümunənin gözlə cavablandıra bilmədiyi bir sualı ortaya qoyur: onun üzərindəki mətn oxunaqlı olacaqmı? Veb əlçatanlıq təlimatı WCAG normal mətn üçün ən azı 4,5:1 kontrast nisbəti tələb edir. Bu səhifənin yarada biləcəyi hər rəng üzrə ölçüldükdə, qara mətn onların təxminən 65%-ində, ağ mətn isə təxminən 36%-ində bu tələbə çatır, hər ikisinin uğursuz olduğu heç bir rəng yoxdur: ikisindən yaxşısı həmişə ən azı 4,58:1-ə çatır. Ona görə hər hansı təsadüfi fonda qara və ya ağ mətn tələbə cavab verəcək, səhifə isə sizə hansının olduğunu göstərir. Hər rəngin yanında kiçik bir nişan görünür: Aa daha oxunaqlı mətn rəngi ilə yazılır, ardınca kontrast nisbəti gəlir. Nisbət aşağı yuvarlaqlaşdırılır, ona görə nəticə heç vaxt şişirdilmir, seçicidə rəngi dəyişdiyinizdə isə yenilənir. Nişan yalnız qara və ağ mətni müqayisə edir; marka rəngi və ya başqa hər hansı mətn rəngi üçün cütü bir kontrast yoxlayıcısından keçirin.
Təsadüfilik ahəngdarlıqla eyni şey deyil. Dəstdəki hər rəng başqalarından xəbərsiz, tək başına çəkilir, ona görə generator dizaynerin başa düşdüyü mənada heç vaxt palet qurmur — nə tamamlayıcı cütlər, nə oxşar seriyalar, nə də ortaq işıqlılıq. Daha dar diapazon dəstin xarakterini dəyişir, bu qaydanı yox: pastel rənglər və ya bir sıra göy rənglər yenə də bir-bir gəlir, aralarında heç bir bağlılıq olmadan. Bunun mənası elə budur: sizə seçməyəcəyiniz bir rəng verir, bu da vərdişi və ya yaradıcı tıxanmanı qırır. Təsadüfi bir tapıntını istifadəyə yararlı bir şeyə çevirmək üçün, xoşladığınız rəngi saxlayın və onun əsasında qurun, bütöv bir dəst təsadüfən üst-üstə düşənə qədər Yarat düyməsini basmaq əvəzinə. Onun tonunu saxlayıb, daha açıq və daha tünd variantlar üçün işıqlılığını addım-addım dəyişin, yaxud kontrastlı bir rəng üçün tonu 180 dərəcə döndərin. HSL kodu formatı bu addımları təxmin əvəzinə hesablamaya çevirir.
Nə üçün bu təsadüfi rəng generatorunu seçməli?
- Hər rəng brauzerinizdə Web Crypto API ilə yaradılır, heç nə yüklənmir
- 16.777.216 rəngin hamısı tamamilə bərabər ehtimallıdır, hər kanal üçün bir təsadüfi bayt
- Eyni rəng üçün HEX, RGB və HSL kodları, istənilən birləşmədə
- Bir dəfəyə 50 rəngə qədər, hər biri rəng nümunəsində mətn-kontrast nişanı ilə
- Canlı, Pastel, Tünd, Boğuq və Boz çalarlar, yaxud öz ton, doyğunluq və işıqlılıq diapazonunuz
- Lazım olduqda təkrarsız, HEX isə böyük hərflərlə və ya # olmadan
- Kodu klikləyərək kopyalayın, yaxud brauzerinizin rəng seçicisində istənilən rəngi dəyişin
- Hamısını kopyala, Faylda saxla və brauzerinizdə saxlanan son 10 dəstin tarixçəsi
- Pulsuz və limitsiz: qeydiyyat yoxdur, kvota yoxdur, serverlərimizdə heç nə saxlanmır
Təsadüfi rənglər hələ heç kim bir rəngə qərar verməmişdən əvvəl rəng lazım olan hər yerdə öz dəyərini göstərir. Dizaynerlər yaradıcı tıxanmanı qırmaq və adi paletlərinin heç vaxt çatmayacağı bir başlanğıc nöqtəsi tapmaq üçün onlardan istifadə edir. Proqramçılar maketləri, yer tutucuları və avatarları doldurur, əsl mövzu hələ müəyyən olunmamış ikən diaqramdaki hər seriyaya öz rəngini verir, interfeysin onun üçün nəzərdə tutulmamış fonlarla necə davrandığını sınayır — Bütün rənglər seçimindən 50 rəngdən ibarət dəst demək olar ki, həmişə ən azı bir çox tünd və ya çox açıq rəng ehtiva edir, Tünd və ya Pastel isə sınağı bir tərəfə yönəldir. Generativ sənətçilər və oyun prototipçiləri dəyərləri birbaşa koda daxil edir, burada RGB forması əksər qrafika kitabxanalarına uyğun gəlir. Müəllimlər üç formatı yan-yana qoyaraq, eyni rəngin kod, üç kanal və ya rəng çərxində bir nöqtə kimi yazıla biləcəyini, HSL versiyasının niyə yuvarlaqlaşdırıldığını göstərir. Bir siyahını etiketləyən, işarələyən və ya rənglə kodlayan hər kəs isə hansını seçəcəyi barədə narahat olmadan fərqlənən rənglər əldə edir.
Bilinməsi vacib olan bir neçə dürüst məhdudiyyət var. Bu bir generatordur, palet aləti deyil: rəng harmoniyaları qurmur və digər rənglər dəyişərkən bir rəngi sabit saxlamır, daha dar diapazon isə bir növ rəng verir, birlikdə uyğunlaşdırılmaq üçün seçilmiş rənglər yox. Kontrast nişanı yalnız qara və ağ mətni müqayisə edir. Səhifə ekranın göstərdiyi sRGB rənglərilə işləyir — HEX, RGB və HSL — şəffaflıq yoxdur, CMYK, Pantone, OKLCH və ya adlandırılmış CSS rəngləri də yoxdur; çap üçün, ekran koduna güvənmək əvəzinə rəngi çap prosesinizdə uyğunlaşdırın. Eyni kod ekrandan ekrana bir qədər fərqli görünə bilər, çünki ekranlar eyni cür kalibrlənməyib. HSL dəyərləri yuxarıda deyildiyi kimi yuvarlaqlaşdırılır, Təkrarsız işarələnməyibsə, dəst təkrarlar üçün yoxlanılmır. Səhifənin əslində zəmanət verdiyi şey daha dar və dəqiqdir: onun 16.777.216 rənginin hər biri, yaxud təyin etdiyiniz diapazon daxilindəki hər rəng, brauzerinizin kriptoqrafik mənbəyindən çəkilərək və heç vaxt heç yerə göndərilmədən, hər basışda eyni şansa malikdir.