Beddelaha HEX to HSL

Waa maxay HEX iyo HSL?

HEX waa qaabka ugu caansan ee loo qoro midabada barnaamijyada iyo naqshadaha shabakadda. Waa lix xaraf (ama saddex xaraf oo la soo koobay) oo tirada 16-dhig (hexadecimal) ku qoran, taasoo si toos ah u muujinaysa qiyamka cas, cagaar, iyo buluug (RGB). Tusaale ahaan, #1E90FF waxay ka kooban tahay 1E (cas), 90 (cagaar), iyo FF (buluug). Qaabka saddex xarafka ah sida #abc waxaa loola jeedaa #aabbcc, iyadoo xaraf kasta la labanlaabayo. HEK-ga waa mid kooban oo si fiican ugu shaqeeya CSS-ga, laakiin dadka qaar way adag tahay inay si toos ah u fahmaan sida loo hagaajiyo midabka.

HSL waa qaab kale oo loo qoro midabada, oo aad ugu habboon fahanka bini'aadamka. HSL waxay u taagan tahay Hue (weji), Saturation (qad), iyo Lightness (dhalaal). Wejigu waa xagal u dhexeeya 0° ilaa 360°, oo ku taxan giraanta midabada: 0° waa casaan, 120° waa cagaar, 240° waa buluug, iwm. Qadku waa boqolkiiba (0% – 100%), halkaas oo 0% ay tahay cawlan (midab la'aan) iyo 100% ay tahay midab buuxa. Dhalaalkuna waa boqolkiiba (0% – 100%), halkaas oo 0% ay tahay madow iyo 100% ay tahay cad. Saas awgeed, haddii aad rabto inaad beddesho dhalaalka midabka iyadoo wejiguna isku mid yahay, HSL ayaa kuu fududaynaysa.

Sida boggan u shaqeeyo

Boggu waa qalab bilaash ah oo isla markiiba kuu beddela midabka HEX-ga oo aad gasho oo uu kuu soo saaro HSL-ga u dhigma. Waa kuwan tallaabooyinka:

1. Geli HEX-ga: Geli midabka sida #4f46e5 ama #abc (laga yaabo inaad ka tagto calaamadda #).
2. Waa la beddelaa: Markaad wax qorto, boggu wuxuu ku tusayaa HSL-ga (weji 0–360°, qad 0–100%, dhalaal 0–100%).
3. Midabyo kale: Isla waqtigaas, waxaa laguu soo bandhigayaa midabka qaababka kale: RGB, HSV, CMYK, iyo LAB. Kuwaas oo dhammaan isku mid ah marka la eego.
4. Waa ku qotomaa (client-side): Dhammaan xisaabinta waxay ku dhacdaa browser-kaaga. Ma jiro wax la soo raro ama la keydiyo.

Haddii aad gasho midab aan sax ahayn, tusaale ahaan #GGG ama #12345, boggu wuxuu ku tusayaa fariin qalad ah: “Gali midab HEX ah sida #4f46e5 ama #abc.” Ma aqbalo wax ka baxsan sidan.

Faahfaahinta qaabka HSL

Weji (Hue)

Wejigu waa xagal ku yaala giraanta midabada. Waa 0° casaan, 60° huruud, 120° cagaar, 180° cyan, 240° buluug, 300° magenta, ka dibna 360° ayaa soo celisa casaan. Tani waxay ka dhigan tahay inaad si fudud ugu beddeli karto midabka asalka ah adigoo beddelaya lambarka wejiga, annagoo aan taabanin qadka iyo dhalaalka.

Qad (Saturation)

Qadku wuxuu sheegayaa inta uu midabku "cad yahay" ama "dhalaal yahay". 0% waxay ka dhigan tahay midab cawlan oo aan midab lahayn (grey). 100% waa midab buuxa oo dhammaan, sida dhiig-cas ama cagaar dhalaalaya.

Dhalaal (Lightness)

Dhalaalku wuxuu muujinayaa sida uu midabku u iftiimo. 0% waa madow, 50% waa midab caadi ah (sida wejiga lagu arkay), 100% waa cad. Tusaale: midabka #808080 (grey dhexdhexaad ah) wuxuu leeyahay HSL ah 0°, 0%, 50%.

Saas awgeed, haddii aad rabto inaad sameyso noocyo kala duwan oo midab asal ah, waxaad beddeshaa dhalaalka ama qadka, wejiguna waa isku mid. Tan waxaa loo adeegsadaa horumarinta CSS-ga si loo dhigo variables-ka midabada iyo nidaamyada mawduucyada (themes).

U beddelidda HEX-ga HSL-ga

HEX waa qaab RGB ah oo tirada 16-dhig ah. Qalabku wuxuu marka hore u beddelaa HEX-ga RGB decimal (0–255). Tusaale: #1E90FF → 30, 144, 255. Kadibna RGB-ga waxaa loo rogaa HSL iyadoo la adeegsanayo qaacidada soo socota (oo la soo koobay):

• Soo hel qiyamka normalized R', G', B' (0–1).
• Soo hel min iyo max.
• Dhalaal (L) = (max + min) / 2.
• Haddii max = min, qad waa 0, weji waa 0.
• Haddii kale, qad = (max - min) / (1 - |2L - 1|).
• Weji = xisaab ku salaysan midka ugu weyn (max). Tusaale, haddii R uu yahay kan ugu weyn, weji = 60 × ((G' - B') / (max - min)) mod 360.

Natiijada wejiga waa lambar laba jibaaran (0–360), qadka iyo dhalaalkuna waa boqolkiiba.

Cilado iyo xaalado gaar ah

HEX aan sax ahayn

Boggu wuxuu aqbalaa oo kaliya lix xaraf (tusaale #4f46e5) ama saddex xaraf (tusaale #abc). Haddii aad gasho shan xaraf, sideed xaraf, ama xarfo aan ahayn 0–9 iyo A–F, waxaa soo baxaya fariinta qaladka. Ma jiro qaab 4 xaraf (RGBA) ama 8 xaraf (HEXA) oo la aqbalo, sababtoo ah qalabkani ma xisaabiyo transparency.

Gamut-ka midabka (out-of-gamut)

Haddii aad ka beddesho qaabka HSL-ga mid kale sida CMYK ama LAB, oo aad geliso qiyam aan ku habboonayn gamut-ka RGB-ga (tusaale, CMYK midab ah oo aad u dhalaalaya), qalabku wuxuu hagaajinayaa midabka u dhow ee la arki karo. Tani waxay keeni kartaa isbeddel yar marka dib loogu celiyo HEX-ga. Si kastaba ha ahaatee, haddii aad ku sii jirto HSL-ga oo keliya, isbeddel kama dhaco.

CMYK-ga waa qiyaas

Qiimaha CMYK-ga ee boggu soo saaro waa mid aan loo talagelin daabacaadda xirfadeed. Waa qiyaas dhijitaal ah oo loogu talagalay aragtida. Haddii aad u baahan tahay daabacaad sax ah, isticmaal qalabka PMS ama ICC profiles.

Yaa u baahan qalabkan?

• Horumarinta web-ka (front-end developers): Haddii aad hesho midab HEX ah oo ka yimid naqshadeeye, waxaad u beddelaysaa HSL si aad si fudud ugu samayso hover states, ama u beddesho dhalaalka mawduucyada mugdiga iyo iftiinka.
• Naqshadeyaasha UI/UX: Dadka ku shaqeeya midabada ayaa inta badan ka fikira weji, qad, iyo dhalaal. Qalabkan wuxuu u fududeeyaa inay helaan HSL-ga midabka shirkadda.
• Dhisayaasha palette-ga midabada: HSL waa hab fiican oo lagu sameeyo palettes iswaafajiya. Tusaale, weji isku mid ah laakiin dhalaal kala duwan (monochromatic), ama wejiyo 30° kala fog (analogous).
• Baarayaasha helista (accessibility auditors): Si loo hubiyo in midabku uu buuxiyo heerka WCAG-ga, HSL waxay ka fududahay RGB ama HEX marka la rabo in la xisaabiyo contrast ratio. Dhalaalka 50% ayaa inta badan si fiican u shaqeeya.

Su'aalaha inta badan la weydiiyo (FAQ)

1. Maxaa dhacaya haddii aan galiyo HEX-ga oo aan lahayn #?
Waa wax caadi ah. Qalabku wuxuu aqbalaa labadaba: #4f46e5 iyo 4f46e5.

2. Maxay tahay farqiga u dhexeeya HSL iyo HSV?
Labaduba waxay leeyihiin weji (hue) laakiin qaabka qadka iyo dhalaalka/brightness waa kala duwan yihiin. HSL waxay isticmaashaa "lightness" oo u dhaxaysa madow iyo cad. HSV waxay isticmaashaa "value" (brightness) oo u dhaxaysa madow iyo midabka ugu dhalaalaya. Beddelka iskugu beddelashada waa kala duwan.

3. Ma beddeli karaa RGB-ga gacanta oo aan helaa HSL cusub?
Haa, haddii aad ka beddesho tab-ka RGB-ga, dhammaan qaababka kale (iyo HEX) way isbeddelaan isla markiiba.

4. Maxay tahay sababta CMYK-ga aanu u sax ahayn daabacaadda?
CMYK-ga saxda ah wuxuu u baahan yahay cabbirro gaar ah oo daabacaha (printer), nooca warqadda, iyo tignoolajiyada. Kan waa qiyaas guud oo loogu talagalay aragtida kumbuyuutarka.

5. Haddii aan helo midab ka baxsan gamut-ka RGB-ga, maxaa dhacaya?
Qalabku wuxuu kuugu soo bandhigayaa midabka ugu dhow ee la arki karo. Tusaale, CMYK midab ah oo aad u dhalaalaya waa laga yaabaa inuu noqdo midab ka cawlan marka loo beddelo RGB.

6. Miyaan u isticmaali karaa qalabkan xisaabinta midabada shabakadaha?
Haa, dhammaan beddellada waxay ku dhacaan gudaha browser-kaaga, wax walbana waa ku qarsoon. Isticmaal si caqli gal ah.