Beddelaha HSL to RGB

Maxaa ka dhigan HSL iyo RGB?

Midabka dhijitaalka ah waxaa loo matali karaa qaabab kala duwan. Laba ka mid ah kuwa ugu caansan waa HSL (Hue, Saturation, Lightness) iyo RGB (Red, Green, Blue). HSL waa qaab loo sameeyay si uu u ekaado sida dadku u fikiraan midabka. Hue waxaa lagu qiyaasaa darajo (0–360), taas oo ka dhigan booska midabka ku jira giraanta midabka. Saturation (dhereg) iyo Lightness (iftiin) waxaa loo qiyaasaa boqolkiiba (0%–100%). RGB waa habka shaqada ee shaashadda: midab kasta waxaa loo kala qaybiyaa saddex iftiin oo casaan (R), cagaar (G), iyo buluug (B) ah, mid walba u dhexeeya 0 iyo 255.

Farqiga ugu muhiimsan ayaa ah in HSL loo qaabeeyay caqli ahaanta bini’aadamka. Markaad beddesho Lightness oo keliya, hue isku mid ayuu ahaanayaa. Tani waxay ka dhigan tahay in aad si fudud u abuuri karto palettes ama mowduucyo midab leh iyada oo aan laga qaylin midabka asalka ah. Dhanka kale, RGB waa xisaabta iftiinka shaashadda. Qalabkani wuxuu kuu beddelaa HSL (sida 243°, 75%, 59%) una rogaa RGB (79, 70, 229), si aad u hesho tirooyinka saxda ah ee loo baahan yahay codega.

Sida ugu weyn ee bogganu u kala duwan yahay

Bogag badan oo beddelka midabka ah ayaa jira, laakiin kani wuxuu leeyahay dhawr sifo oo gaar ah:

• Kala guur aan lumis lahayn: HSL midab walba wuxuu u dhigmaa hal RGB triplet oo la soo bandhigi karo. Ma jiro "out‑of‑gamut clipping" (sida ku dhacda LAB ama CMYK marka loo rogo RGB). Haddii aad beddesho midabka HSL una celiso RGB, wax isbeddel ah oo midabka ah kama dhaco.
• Cusboonaysiinta degdega ah: Markaad wax ka beddesho goobta HSL, dhammaan goobaha kale (HEX, RGB, HSV, CMYK, LAB) isla markiiba way cusboonaysiiyaan. Ma jiro riixitaanka badhanka "Convert".
• Browser‑keliya: Xisaabta oo dhan waxay ka shaqaysaa browser-kaaga. Wax midab ah oo aad gasho lama soo dirsado server-ka. Arrimaha xogta qarsoodiga ah waa eber.
• No‑clipping hubaal: Marka la eego qaababka kale (sida CMYK ama LAB marka loo rogo RGB), waxaa jira xaddi midabyo ah oo ka baxsan kala duwanaanshaha shaashadda (gamut). Laakiin HSL waxay ku dhex jirtaa isla gamut-ka RGB, marka midab walba waa la soo bandhigi karaa iyada oo aan la isku dayin in la xoqo.

Tani waxay ka dhigan tahay in qalabkani uu yahay mid la isku halleyn karo oo loogu talagalay shaqada saxda ah ee horumarinta webka iyo naqshadaynta.

Sidee loo isticmaalaa qalabkan?

Isticmaalku waa mid toos ah. Goobta "HSL" waxaad ku gelisaa seddex qiyam:

• Hue: tiro 0 ilaa 360, oo ka dhigan midabka giraanta. Tusaale: 243.
• Saturation: boqolkiiba, sida 75%.
• Lightness: boqolkiiba, sida 59%.

Waa in la raacaa qaabka la sheegay: Hue, Saturation%, Lightness%. Tusaale sax ah: 243, 75%, 59%. Haddii aad qalad ka gasho, tusaale ahaan haddii aad dhaafto boqolkiiba ama aad isticmaasho tirada aan toos ahayn, qalabku wuxuu soo saaraa fariinta:
"Enter HSL as hue 0–360 with two percentages, like 243, 75%, 59%."

Markaad geliso qiyamka saxda ah, dhammaan goobaha kale way isbeddelaan. Waxaa soo baxa:

• HEX: sida #4F46E5
• RGB: sida 79, 70, 229
• HSL: waa isla qiyamka aad gashay (laakiin qaab cad ayaa lagu soo celiyaa)
• HSV: Hue, Saturation, Value (0–100%)
• CMYK: Cyaan, Magenta, Yellow, Key (Black) – oo ah qiyaas on‑screen ah
• LAB: L*, a*, b* (CieLab)

Qodob muhiim ah: CMYK waa qiyaas kaliya. Sababtoo ah daabacaadda dhabta ah waxay ku xiran tahay nooca warqadda, khadka, iyo printer-ka, qiimaha CMYK ee shaashadda lagu arkay wuu ka duwanaan karaa midka daabacan. Isticmaale daabacad ah waa inuu tijaabiyaa.

Tusaalooyinka iyo xisaabta beddelka

Hoos waxaa ah shan tusaale oo kala duwan oo HSL ah iyo RGB-ga u dhigma.

Xisaabta beddelka ayaa ku salaysan qaaciddada caadiga ah ee HSL → RGB. Marka hore, waxaa la xisaabiyaa qaybaha C (chroma), X, iyo m' (modulo). Tusaale ahaan, hue 243°, saturation 75%, lightness 59%:

• C = (1 - |2L - 1|) × S = (1 - |2×0.59 - 1|) × 0.75 = (1 - 0.18) × 0.75 = 0.615
• X = C × (1 - |(H/60) mod 2 - 1|) = C × (1 - |4.05 mod 2 - 1|) = C × (1 - |0.05 - 1|) = C × (1 - 0.95) = 0.03075
• m = L - C/2 = 0.59 - 0.3075 = 0.2825

Kadibna RGB waxaa loo helaa iyada oo la kala saraynta hue-ga (haddii uu yahay 243°, wuxuu ku jiraa qeybta 4aad: 240°–300°). Natiijadu waa 79, 70, 229.

Faa'iidada weyn ee qalabkani waa in aadan u baahnayn inaad xisaabtan gacanta ku qabato. Lakin fahamka xisaabta ayaa kaa caawinaya inaad garato sababta beddelku u yahay mid sax ah oo aan lumis lahayn.

Qodobada cidhifka ah iyo xannibaadaha

Inkasta oo qalabkani yahay mid la isku halleyn karo, waxaa jira dhawr qodob oo cidhif ah (edge cases) oo aad tahay inaad ogtahay:

1. Hue aan la qeexin: Marka saturation yahay 0%, hue-ga macne ma laha. Midabkaasi waa caddaan, madow, ama cawlan (grey). Qalabku wuxuu sii wadaa xisaabta oo wuxuu soo saaraa RGB sax ah, laakiin hue-ga aad gashay dhamaanteed lama tixgeliyo. Tusaale: 0, 0%, 50% = 128, 128, 128.

2. Lightness 0% ama 100%: Haddii lightness yahay 0%, natiijadu waa madow (0, 0, 0). Haddii ay tahay 100%, waa caddaan (255, 255, 255). Saturation iyo hue ma saamaynayaan.

3. Qiyamka ka baxsan xaddiga: Haddii aad isticmaasho hue ka baxsan 0–360 (tusaale 540°), qalabku wuxuu isticmaalaa modulo 360. Laakin fariinta qaladka ayaa laga yaabaa inay soo baxdo haddii qaabku khaldan yahay. Waa inaad isticmaashaa qiyamka dhexdhexaadka ah ee la sheegay.

4. CMYĶ estimation: Sida horay loo sheegay, CMYK waa qiyaas keliya. Tani waa sababta oo ah RGB waxay u shaqeysaa habka isku darka iftiinka (additive), halka CMYK ay tahay isku darka midabada (subtractive). Shaashaddu kuma talo galin soo bandhigista CMYK sax ah. Haddii aad u baahan tahay natiijo daabacadeed, waa inaad tijaabisaa qalab gaar ah oo printer-ka wax lagu habeeyo.

5. LAB waa xisaab sax ah laakiin xaddidan: LAB waa midab-jaantus (color space) ballaadhan oo ka weyn gamut-ka shaashadda. Haddii aad labbeddeldo LAB ilaa RGB, waxaa laga yaabaa inay dhacdo clipping. Laakiin qalabkani wuxuu isticmaalaa RGB oo keliya sida asalka, marka LAB-ga la soo saaray waa mid u dhigma RGB-ga la xisaabiyay, ma aha LAB asal ah oo la qiyaasay midabka jirka.

Yaa u baahan yahay qalabkan?

• Naqshadeeyayaasha (designers) oo abuuraya palettes midab iyo mowduucyo (themes). Inta badan waxay ku shaqeeyaan HSL sababtoo ah waa sahlan tahay in lagu beddelo isbeddelka iftiinka iyo dherega. Markay heleen midabka saxda ah, waxay u baahan yihiin RGB si ay ugu geliyaan codega CSS ama Figma.
• Horumarinta webka (front‑end developers) oo ka soo raraya midabyo qalab naqshadeyn ah (sida Sketch ama Adobe XD) una rogaya CSS. Qalabayntu inta badan waxay soo saartaa HSL, laakiin CSS waxay aqbali kartaa RGB, HEX, ama HSL. Haddii aad rabto inaad isticmaasho RGB (tusaale rgb(79, 70, 229)), qalabkani wuxuu ku siinayaa tirooyinka saxda ah.
• Qof kasta oo raba inuu fahmo xiriirka ka dhexeeya qaababka midabka iyo sida midabka loo matalo dhijitaal ahaan. Haddii aad baranayso midabka, beddelka HSL → RGB waa bilow fiican.
• Qof kasta oo ka shaqeynaya gelitaanka (accessibility) midabka. Tusaale, si loo hubiyo in midabka qoraalku uu ku filan yahay iftiinka (contrast) marka loo eego asalka, waxaa loo baahan yahaa RGB ama HEX si loo xisaabiyo saamiga contrast-ka (WCAG). Qalabkani wuxuu ku siinayaa qiimahaas si degdeg ah.

Su'aalo inta badan la weydiiyo

1. Ma waxaa jira khatar ah in midabka HSL uu ka baxsan yahay gamut-ka RGB? Maya. Dhammaan qiyamka HSL ee u dhexeeya 0–360 hue, 0%–100% saturation iyo lightness waxay u dhigmaan midab ka mid ah gamut-ka RGB. Kala guurku waa mid aan lumis lahayn.

2. Maxaa ugu wacan in CMYK lagu soo bandhigo qiyaas kaliya? CMYK waxaa loo qaabeeyay daabacaadda, halkaas oo midabada la isku daro iyada oo la isticmaalayo khad, warqad, iyo printer gaar ah. Shaashaddu kuma talo galin inay si sax ah u soo bandhigto midabka daabacan. Sidaa darteed, qiimaha CMYK ee halkan lagu arkay waa xisaab guud oo aan la tijaabin qalab gaar ah.

3. Sidee u shaqeeyaa cusboonaysiinta degdega ah? Qalabku wuxuu isticmaalaa JavaScript-ka browser-kaaga si uu u xisaabiyo isbeddel kasta markaad qorto ama wax ka beddesho goobta HSL. JavaScript-ku wuxuu u adeegsadaa qaaciddada HSL → RGB oo ka dibna u rogaa HEX, HSV, CMYK, iyo LAB. Ma jiro network request.

4. Ma isticmaali karaa qalabkan aniga oo aan internet lahayn? Haa, haddii aad horay u soo martay bogga, waa shaqayn karaa xilliga la xiriiro la'aan sababtoo ah xisaabtu waxay ku dhex jirtaa browser-ka. Laakiin marka ugu horreysa waxaad u baahan tahay internet si aad u soo rarto bogga.

5. Waa maxay farqiga u dhexeeya HSV iyo HSL? Labaduba waxay leeyihiin hue (0–360) iyo saturation (0–100%). Laakiin HSV waxay isticmaashaa "Value" (iftiinka ugu sarreeya), halka HSL ay isticmaasho "Lightness" (celceliska iftiinka). Tusaale: midab guduudan oo dhalaalaya (HSV: 0°, 100%, 100%) wuxuu u dhigmaa HSL: 0°, 100%, 50%. Qalabkani wuxuu ku tusaa labadaba si aad u barbardhigi karto.

6. Ma waxaa jira xaddi ku saabsan tirada jajabka (decimal places)? Qiyamka RGB waxaa lagu soo bandhigaa tiro dhammaystiran (0–255). Haddii xisaabtu soo saarto jajab (tusaale 127.8), waa la soo koobaa (rounding) si loo helo qiime dhammaystiran. Taasi waa caadada heerka warshadaha.