Rəngin kodunu tapmaq üçün Rəng seçicidə rəngi çarxdan seçin. Aşağıda HEXA, RGBA, HSLA, HSVA və CMYK sətirləri görünəcək. Lazım olan sətrin yanındakı düyməyə basın və kod kopyalanacaq. Sonra onu sayta, dizayn proqramına və ya bio səhifəsinin tənzimləmələrinə yapışdıra bilərsiniz.
Aşağıdakı addımlar Digily Link-in «Rəng seçici» alətinə aiddir. Digily Link bizim məhsulumuzdur. Sayt üçün çox vaxt HEX kodu kifayətdir, rəngin çalarlarını dəyişmək üçün HSL daha rahatdır. Çap üçün CMYK lazım olur, amma bu kod yalnız təxmini nəticə verir.
Rəng seçicidə rəngi addım-addım seçmək
Rəng seçici brauzerdə işləyir və heç nə quraşdırmağa ehtiyac yoxdur. Səhifəni açanda başlanğıc rəng ağ olur (#ffffff), ona görə də kod sətirlərində əvvəlcə ağ rəngin dəyərlərini görəcəksiniz.
- «Rəng» sahəsini tapın. Bütün seçim bu sahədə edilir.
- Rəngi çarxdan seçin. Ton zolağı ilə əsas tonu dəyişin, sonra çarxda istədiyiniz çaları tapın. Seçdiyiniz rəng ilkin baxış xanasında dərhal görünür.
- Hazır kodunuz varsa, onu yazın. Kod brendin üslub təlimatında və ya köhnə dizaynda qalıbsa, rəngi çarxda axtarmaq əvəzinə kodu yazaraq da seçə bilərsiniz.
- Lazım olanda şəffaflığı dəyişin. Şəffaflıq zolağını sürüşdürüb rəngi yarımşəffaf etsəniz, HEXA kodunda # işarəsindən sonra 8 simvol olur. Son iki simvol alfa kanalını, yəni qeyri-şəffaflıq səviyyəsini göstərir.
- Kodu kopyalayın. HEXA, RGBA, HSLA, HSVA və CMYK sətirlərindən lazım olanı tapın və yanındakı düyməyə basın. Bu formatların hamısı CSS-də işləmir. CSS üçün HEX, rgb() və hsl() yazılışları uyğundur, HSVA və CMYK dəyərlərini isə yalnız bu formatları qəbul edən proqramlara daxil edin.
- Yapışdırın və yoxlayın. Kodu işlədiyiniz proqramın rəng sahəsinə yapışdırın və rəngin eyni görünüb-görünmədiyini yoxlayın.
Bütün hesablamalar brauzerinizdə aparılır, seçdiyiniz rəng serverə göndərilmir. Alət Pickr kitabxanası üzərində qurulub və orada şəffaflıq funksiyası aktivdir. Ona görə də nəticələr alfa kanalı ilə birlikdə verilir. HEXA, RGBA, HSLA və HSVA adlarının sonundakı «A» hərfi məhz bu şəffaflıq kanalını bildirir.
Sahə kodu qəbul etmirsə nə etməli
- Sahə yalnız #RRGGBB formasını qəbul edirsə, rəngi tam qeyri-şəffaf saxlayın və ya kodun son iki simvolunu silin. Qırmızı, yaşıl və mavi dəyərləri dəyişmir, amma alfa kanalı itdiyi üçün rəngin fon üzərində görünüşü dəyişə bilər.
- Sahə qırmızı, yaşıl və mavi dəyərləri ayrı-ayrı xanalarda istəyirsə, RGBA sətrindəki ilk üç ədədi götürün. Proqram yalnız HSL istəyirsə, HSLA sətrinin ilk üç komponentini götürün, şəffaflıq tələb olunmursa, dördüncünü yazmayın.
HEX rəng kodu nədir və necə oxunur
HEX kodu rəngi onaltılıq say sistemində ifadə edir. Ən çox #RRGGBB formasına rast gəlinir. İlk iki simvol qırmızının, sonrakı iki simvol yaşılın, son iki simvol isə mavinin miqdarını göstərir.
Onaltılıq sistemdə 0-dan 9-a qədər rəqəmlərdən sonra hərflər gəlir. A 10, B 11, C 12, D 13, E 14, F isə 15 deməkdir. Hər cüt 00 ilə FF arasında olur, onluq sistemdə bu, 0 ilə 255 arası deməkdir. 00 həmin rəng tərkibinin heç olmadığını, FF isə maksimumda olduğunu göstərir.
MDN-in HEX rəng səhifəsinə görə (29 oktyabr 2026-cı ildə oxunub) HEX kodunun dörd yazılışı var. Bunlar #RGB, #RGBA, #RRGGBB və #RRGGBBAA formalarıdır. Qısa formada hər simvol iki dəfə yazılmış sayılır, məsələn, #123 kodu #112233 ilə eynidir. #RGBA formasında dördüncü simvol, #RRGGBBAA formasında isə son iki simvol şəffaflığı bildirir. MDN-ə görə 0 və ya 00 tam şəffaf, f və ya ff isə tam qeyri-şəffaf rəngdir. Böyük və kiçik hərflər fərq etmir, yəni #00ff00 ilə #00FF00 eyni rəngdir.
| Yazılış | Nümunə | Nə deməkdir |
|---|---|---|
| #RGB | #F0A | #FF00AA ilə eynidir |
| #RRGGBB | #1E88E5 | rgb(30, 136, 229) |
| #RRGGBBAA | #1E88E580 | eyni rəng, təxminən yarımşəffaf (80 = 128) |
| rgb() | rgb(255, 0, 0) | qırmızı |
RGB və HSL kodları nə göstərir
RGB kodu HEX-dəki həmin üç kanalı onluq ədədlərlə yazır. rgb(255, 0, 0) qırmızıdır, çünki qırmızı kanal maksimumdadır, yaşıl və mavi isə sıfırdır. MDN-in rgb() səhifəsinə görə hər kanal 0 ilə 255 arasında ədəd və ya 0% ilə 100% arasında faiz ola bilər. HEX və RGB eyni rəngi iki cür yazdığı üçün biri digərinə dəqiq çevrilir.
HSL isə rəngi başqa üç göstərici ilə, yəni ton, doymuşluq və açıqlıqla təsvir edir. MDN-in hsl() səhifəsində izah edildiyi kimi, ton bucaqla, doymuşluq və açıqlıq isə faizlə yazılır. Ton rəngin özünü müəyyən edir, doymuşluq onun nə qədər canlı və ya solğun olduğunu, açıqlıq isə ağa və ya qaraya nə qədər yaxın olduğunu göstərir.
HSL-in üstünlüyü bir rəngin çalarlarını hazırlayanda hiss olunur. Tutaq ki, saytdakı düymə üçün əsas rənginiz var və siçan göstəricisini düymənin üzərinə gətirdikdə onun bir az tündləşməsini istəyirsiniz (bu, şərti nümunədir). HSL-də ton və doymuşluğu saxlayıb açıqlığı bir qədər azaltmaqla daha tünd variant alınır. Alınan rəngi və mətnlə kontrastını ayrıca yoxlamaq yaxşıdır. HEX-də isə eyni nəticə üçün hər üç cütü yenidən hesablamalı olursunuz.
Alətdəki HSVA sətri başqa bir rəng modelinin, HSV-nin yazılışıdır. Proqram rəngi HSV formatında istəyirsə, bu sətri kopyalayın.
#1E88E5 kodunu RGB-yə əllə necə çevirmək olar
HEX kodunu RGB-yə çevirmək üçün onu üç cütə bölün və hər cütdə birinci simvolu 16-ya vurub ikinci simvolu üstünə gəlin. #1E88E5 kodu 1E, 88 və E5 cütlərinə bölünür. E hərfinin 14 demək olduğunu unutmayın.
| Kanal | Cüt | Hesab | Nəticə |
|---|---|---|---|
| Qırmızı | 1E | 1 × 16 + 14 | 30 |
| Yaşıl | 88 | 8 × 16 + 8 | 136 |
| Mavi | E5 | 14 × 16 + 5 | 229 |
Nəticədə rgb(30, 136, 229) alınır. Yoxlamaq üçün kodu Rəng seçicidə yazın və RGBA sətrindəki ilk üç ədədlə müqayisə edin.
Əks istiqamətdə ədədi 16-ya bölmək lazımdır. 229-u 16-ya bölsəniz, 14 alınır və 5 qalıq qalır. 14 E hərfidir, deməli, cüt E5 olur. Şəffaflıq cütü də eyni qaydayla oxunur. #1E88E580 kodunda son cüt 80-dir, yəni 8 × 16 + 0 = 128. Bu, 255-in təxminən yarısıdır, ona görə də rəng təxminən yarımşəffaf görünür.
Hər dəfə əllə hesablamaq istəmirsinizsə, rəng kodunu çevirmək üçün ayrıca Rəng çevirici aləti də var.
Hansı rəng kodunu harada işlətmək lazımdır
Saytda sabit rənglər üçün HEX ən qısa və rahat seçimdir, şəffaflıq və çalarlarla işləyəndə rgb() və hsl() də rahatdır. Çap üçün isə əvvəlcə mətbəənin hansı rəng formatını istədiyini soruşun, alətdəki CMYK yalnız ilkin təxmindir. Ətraflı müqayisəni aşağıdakı cədvəldə görə bilərsiniz.
| Harada | Hansı kod | Nəyə diqqət etməli |
|---|---|---|
| Sayt və CSS | HEX, rgb() və ya hsl() | Üçü də CSS-də işləyir. Şəffaflıq üçün 8 simvollu HEX, çalarlar üçün HSL rahatdır. |
| Dizayn proqramları | Əvvəlcə HEX | Rəng sahəsinin hansı formatı qəbul etdiyini proqramın özündə yoxlayın. |
| Bio səhifəsi | HEX | Rəng sahəsi kod qəbul edirsə, saytdakı eyni kodu yapışdırın. |
| Çap | CMYK | Dəyər təxminidir, mətbəənin tələb etdiyi formatı və rəng profilini dəqiqləşdirin. |
Sayt üçün. Brend rəngini bir dəfə seçin, HEX kodunu vahid yerdə saxlayın və eyni məqsədli elementlərdə məhz həmin kodu işlədin. Belə olduqda brendin rəngləri bütün səhifələrdə eyni qalır. Mətn və fon rənglərini seçərkən isə oxunaqlılığı və kontrastı ayrıca yoxlayın.
Bio səhifəsi üçün. Bio səhifəsinin rənglərini seçərkən də saytdakı HEX kodunu götürmək məntiqlidir, çünki ziyarətçi linkə keçəndə eyni rəngləri görür. Bio səhifəsinin ümumiyyətlə nəyə lazım olduğunu biodakı linkin nə olduğunu izah edən yazımızda danışmışıq.
Çap üçün. CMYK çapda işlədilən dörd rəngi, yəni sian (C), macenta (M), sarı (Y) və qaranı (K) ifadə edir. Alətdəki CMYK sətri ekrandakı rəngə əsasən hesablanır, ona görə də çapda tam eyni rəngin alınacağına zəmanət yoxdur. Vizitka, banner və ya qablaşdırma çap etdirməzdən əvvəl mətbəədən hansı rəng formatını və profilini istədiyini soruşun, CMYK dəyərini onlara göstərin və mümkünsə sınaq çapı istəyin.
Brend rənginizin kodunu indi tapmaq istəyirsinizsə, Rəng seçicidə rəngi seçib kodunu kopyalayın.
Tez-tez verilən suallar
HEX rəng kodu necə tapılır?
Rəngi gözlə seçmək istəyirsinizsə, Rəng seçicidə onu çarxdan seçin və HEXA sətrini kopyalayın. Əlinizdə RGB ədədləri varsa, onları yuxarıdakı hesabla və ya Rəng çevirici ilə HEX-ə çevirin. Rəng hansısa şəkildədirsə, nəzərə alın ki, bu alət şəkildən rəng götürmür. Belə halda dizayn proqramındakı pipet alətindən və ya brauzerin tərtibatçı alətlərindən istifadə edin və tapdığınız kodu Rəng seçiciyə yazın.
Eyni rəng niyə müxtəlif ekranlarda fərqli görünür?
Kod eyni qalsa da, ekranların parlaqlığı və rəng ayarları, həmçinin otaqdakı işıq fərqli ola bilər. Ona görə də brend rəngi barədə vacib qərarı yalnız bir cihaza baxaraq vermək olmaz. Rəngi telefonunuzda və kompüterinizdə ayrı-ayrılıqda yoxlayın.
Rəng seçici ilə Rəng çevirici arasında fərq nədir?
Rəng seçicidə rəngi çarxdan gözlə seçirsiniz və bütün formatları bir anda alırsınız. Rəng çevirici isə ayrıca alətdir və adından da göründüyü kimi, artıq bildiyiniz kodu başqa formata çevirmək üçündür. Rəngi hələ seçməmisinizsə, Rəng seçicidən başlayın.
