Ka hel Midabka HEX Sawirka

Soo geli sawir oo guji piksel kasta si aad u qaadato koodhkiisa midabka ee HEX, una diyaarsato inaad ku dhejiso CSS ama HTML.

Ku tuur sawir, ka dibna ku dul soco si aad u tijaabiso midab.

Sawirkaaga wuxuu ku harayaa aaladdaada — waxaa laga akhriyaa biraawsarka dhexdiisa marnaba looma soo geliyo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Sideen u helaa koodhka HEX ee midab ku dhex jira sawirka?

Soo geli sawirka, ka dibna ku dul dhaqaaq ama guji piksel — weyneeye ayaa kaa caawinaya inaad dul istaagto midka saxda ah. Koodhka HEX (sida #4f46e5) ayaa isla markiiba soo muuqanaya, hal gujina waa lagu koobiyeynayaa.

Waa maxay koodhka midabka ee HEX?

Koodhka HEX wuxuu u qoraa midabka sidii # oo ay ku xigaan lix nambar oo hex ah — min labo casaan, cagaar iyo buluug ah, sida ku jirta #4f46e5. Waa qaabka ay CSS, HTML iyo inta badan aaladaha naqshadaynta filayaan.

Miyaan sidoo kale heli karaa RGB iyo HSL, ee ma aha kaliya HEX?

Haa — piksel kasta oo aad doorato wuxuu muujiyaa RGB iyo HSL-kiisa oo barbar socda HEX, mid kastana hal guji ayaa lagu koobiyeynayaa.

Maxaa Ka Dhigay Boggan Mid Gaar Ah

Boggan "hex-color-from-image" wuxuu u adeegaa sidii qalab lagu soo saaro midabka sawirka iyadoo la isticmaalayo koodka hexadecimal (hex). Marka loo eego bogagga walaalaha ah ee diiradda saara RGB ama HSL, kan wuxuu si gaar ah u soo bandhigaa midabka qaabka hex, oo ah qaabka caadiga ah ee CSS iyo naqshadaynta shabakadda. Koodhka hex wuxuu ka kooban yahay lix xaraf ama tiro (tusaale: #1E90FF) waana qaab aan lahayn dariiqa alfa. Haddii pixels-ka uu leeyahay daah-furnaanta qayb ahaan, tool-ka wuxuu ku muujinayaa midabka hex iyo sidoo kale alfa si gooni ah sida "Alpha ‹n›% — this pixel is partly transparent." Tani waa midda ugu muhiimsan: hex kuma qorto alfa, markaa tool-ka wuxuu ugaarsadaa macluumaadka daah-furnaanta si cad oo ka baxsan hex.

Sidaas awgeed, boggan waa dookha koowaad haddii aad u baahan tahay midab si toos ah u gala CSS color ama background-color iyada oo aan loo baahnayn qaab kale oo dheeri ah. Qalabkan wuxuu ku shaqeeyaa qaabka kumbuyuutarka: marka sawir la soo xulay, tool-ku wuxuu soo akhriyaa pixels-ka iyada oo la isticmaalayo canvas-ka HTML5, wuxuuna u tarjumaa midab kasta qaabka hexadecimal, sidoo kale RGB iyo HSL. Laakiin waxa uu ka duwan yahay waa in la soo saaro hex si faahfaahsan iyada oon la khaldin qaabka RGB-ga ama HSL-da.

Sida Tool-ku U Shaqeeyo

Isticmaaluhu wuxuu soo xushaa sawir ka mid ah qaababka la taageeray: PNG, JPG, WebP, GIF, AVIF, HEIC. MIME-ga la aqbalay waxaa ka mid ah image/jpeg, image/png, image/webp, image/gif, image/avif, image/heic, image/heif. Marka la soo xusho sawir, tool-ku wuxuu isla markiiba muujiyaa cabbirka sawirka (ballac × joog) iyo midabka pixel-ka dhexe, oo weeye goobta hore loo doortay. Isticmaaluhu wuxuu ku wareegi karaa sawirka iyadoo la raadinayo midab kasta pixel-by-pixel. Qalabka waxaa sidoo kale loo isticmaali karaa iyadoo la riixayo fallaadho (arrow keys) si uu u dhaqaajiyo iskutallaabta (crosshair) sawirka dushiisa. Haddii Shift la riixo inta la isticmaalayo fallaadho, iskutallaabtu waxay u dhaqaaqdaa 10 pixels. Ku dhufashada Enter ama Space waxay kaydisaa midabka hadda la soo saaray.

Marka la soo xusho pixel, tool-ku wuxuu soo bandhigayaa:

  • Isku-duwayaasha pixel-ka (x, y)
  • HEX: koodhka hexadecimal (tusaale #1E90FF)
  • RGB: Red, Green, Blue (tusaale rgb(30, 144, 255))
  • HSL: Hue, Saturation, Lightness (tusaale hsl(210, 100%, 56%))
  • Haddii pixel-ku uu yahay semi-transparent, wuxuu soo bandhigayaa "Alpha ‹n›% — this pixel is partly transparent."

Marka la riixo mouse-ka ama la isticmaalo Enter/Space, midabka waa la kaydiyaa "Your picks" (taariikhda midabada). Taariikhdu waxay kaydin kartaa ilaa 12 midab. Haddii midabku leeyahay qiyamka RGB isku mid ah laakiin alfa kala duwan, waxaa loo kaydiyaa sidii laba gelida oo kala duwan. Isticmaaluhu wuxuu gujin karaa mid kasta oo ka mid ah midabada kaydsan si uu u soo celiyo, ama wuxuu gujin karaa qiimaha HEX, RGB, ama HSL si uu ugu nuqulo guud (clipboard). Haddii browser-ku ka horyaasto nuqulaynta, waxaa soo baxaya fariinta "Could not copy — your browser blocked clipboard access."

Xalka Siyaadaha iyo Xabka (Edge Cases)

Tool-ka wuxuu u shaqeeyaa si dhab ah, laakiin waxaa jira xaalado gaar ah oo u baahan in la fahmo.

Sawirrada cufan (JPEG) iyo anti-aliasing: Sawirrada JPEG waxay adeegsadaan isku-dhejinta (compression) taasoo beddesha midabka pixels-ka si ay u yareeyaan cabbirka file-ka. Tani waxay ka dhigan tahay in pixels-ka ku xiga ay ku kala duwanaan karaan xitaa haddii aagga uu u ekaado mid isku mid ah. Anti-aliasing, oo ah farsamo lagu jilciyo geesaha, wuxuu sidoo kale abuuraa midabyo dhexdhexaad ah oo aan ka mid ahayn midabka asalka ah. Tool-ku wuxuu akhriyaa pixels-ka sida uu u yahay, markaa waa in la xushaa pixel-ka ugu dhow ee u dhexeeya labada midab.

Daah-furnaanta (Alpha channel): Koodhka hex lix xaraf (#RRGGBB) ma qoro alfa. Haddii sawirku leeyahay daah-furnaanta (PNG-ga leh alpha), tool-ku wuxuu soo bandhigayaa hex-ka midabka oo aan lahayn alfa, laakiin wuxuu ku dhejiyaa fariin gooni ah oo muujinaysa boqolleyda daah-furnaanta. Tusaale: haddii pixel-ku yahay rgba(255, 0, 0, 0.5), tool-ku wuxuu muujinayaa hex #FF0000 iyo "Alpha 50% — this pixel is partly transparent." Tani waa muhiim sababta oo ah hex-ka kaliya lama isticmaali karo si toos ah haddii loo baahan yahay daah-furnaanta. Waxaa jira qaabab kale sida #RRGGBBAA (8 xaraf), laakiin boggan kuma soo saaro.

Cabbirka sawirka oo weyn: Haddii dhinaca ugu dheer ee sawirku uu ka badan yahay 4096 pixels, sawirka waa la yareeyaa (scaling down) si uu ugu habboonaado qalabka. Tani waxay ka hortagtaa in tool-ku uu qas koombuyuutarka sababta oo ah sawirrada waaweyn ayaa culeyn weyn saaraya canvas-ka.

Foomka sawirka oo aan la taageerin: Haddii isticmaaluhu uu soo galiyo foom aan la taageerin (sida BMP, TIFF, SVG), tool-ku wuxuu soo bandhigayaa "That file type is not supported. Try a PNG, JPG, WebP, GIF, AVIF or HEIC image." Haddii sawirku uu xuman yahay ama uu qaabkiisu khaldan yahay, "That image could not be opened. It may be corrupted or in an unsupported format."

Gacan-ku-shubista (Keyboard Navigation):

  • Fallaadhaha: dhaqaajinta 1 pixel.
  • Shift + Fallaadho: dhaqaajinta 10 pixels.
  • Enter ama Space: kaydinta midabka.
  • Gujista mouse: sidoo kale kaydinta.

Tixraaca Qiyamka Midabka: HEX vs RGB vs HSL

Tool-ku wuxuu soo saaraa seddex qaab oo midabka ah, laakiin hex waa kan ugu muhiimsan. Haddaba, maxay kala duwan yihiin?

  • HEX: qaab lix xaraf oo hexadecimal ah, oo ka kooban laba xaraf oo casaanka (Red), laba xaraf oo cagaarka (Green), iyo laba xaraf oo buluuga (Blue). Tusaale: #1E90FF waa midab buluug dhalaalaya. Qaabkan waa mid gaaban, oo si fudud loo isticmaalo CSS-ga. Ma jiro alfa, markaa haddii daah-furnaanta loo baahan yahay, waa in la isticmaalaa rgba() ama hsla().

  • RGB: qaab shaqo oo leh Red, Green, Blue 0-255. Tusaale: rgb(30, 144, 255). Qaabkan waa mid si toos ah loo fahmi karo, laakiin u baahan qoraalka "rgb()" iyo comma-yada.

  • HSL: qaab shaqo oo leh Hue (0-360 darajo), Saturation (0-100%), Lightness (0-100%). Tusaale: hsl(210, 100%, 56%). Tani waxay ka dhigan tahay midabka buuxa ee buluuga ah.

Tool-ku wuxuu kuu ogolaanayaa inaad nuqulato mid kasta oo ka mid ah qaababkan iyadoo la riixayo qiimaha. Tani waxay faa'iido weyn u tahay naqshadeeyayaasha iyo horumariyayaasha sababta oo ah waxay u baahan karaan qaab kala duwan marka loo eego codsiga.

Sida loo Isticmaalo Naqshadaynta Shabakadda

Hex-ka waa qaabka ugu badan ee CSS-ga. Tusaale: background-color: #1E90FF;. Marka aad sawir ka soo saarayso midab, waxaad isticmaali kartaa si toos ah css-gaaga. Laakiin waa inaad ka taxaddartaa daah-furnaanta. Haddii sawirku leeyahay pixels-ka semi-transparent, hex-ka kaliya kuma qoro alfa markaa waa inaad isticmaashaa rgba() ama hsla() iyadoo la raacayo boqolleyda alfa.

Tusaale: midabka uu tool-ku muujiyey waa #FF0000 oo leh "Alpha 50%". CSS-ga waxaad u qori kartaa color: rgba(255, 0, 0, 0.5);. Haddaba tool-ku wuxuu ku siinayaa RGB-ga sidoo kale, sida rgb(255, 0, 0), markaa waa fududahay in laga dhigo rgba().

Tool-ku wuxuu sidoo kale faa'iido u leeyahay samaynta palettes-ka midabada. Tusaale: haddii aad ka shaqeynayso naqshad shirkadeed, waxaad soo xuli kartaa midabada muhiimka ah ee logo-ga ama sawirada tixraaca ah, una kaydin kartaa taariikhda (ilaa 12). Markaad ku soo celiso midab, waxaad arki kartaa seddexda qaabba.

Qalabka Gacan-ku-shubista iyo Helitaanka

Mid ka mid ah faa'iidooyinka tool-kan waa in uu shaqeeyo gudaha browser-ka, iyada oo aan wax sawir ah loo dirin server-ka. Tani waxay hubisaa in xogtaadu ay ku sii jirto kumbuyuutarkaaga, taasoo muhiim u ah sirta. Waxaad isticmaali kartaa tool-ka si aad u falanqayso sawirrada shirkadda ama sawirada gaarka ah iyada oo aan wax cabsid ah.

Tool-ku wuxuu leeyahay badhamada "Start over" oo nadiifiya sawirka, taariikhda midabada, oo soo celiya xaaladda bilowga ah. Tani waxay faa'iido u leedahay marka aad rabto inaad ka bilowdo cusub.

FAQ

1. Maxaa dhacaya haddii aan soo xusho sawir leh cabbir weyn (tusaale 5000×3000)? Sawirka dhinaca ugu dheer waxaa laga yareynayaa 4096 pixels. Tani waxay ka hortageysaa in browser-ku uu xanuuno, laakiin midabada ayaa laga yaabaa inay yara beddelmaan sababta oo ah scaling-ka. Haddii aad u baahan tahay midab sax ah, isticmaal sawir cabbirkiisu yar yahay ama gooyaa qaybta.

2. Ma soo saari karaa midabka pixel-ka oo leh daah-furnaan buuxda (alpha = 100%)? Haa, tool-ku wuxuu soo bandhigayaa "Alpha 100% — this pixel is partly transparent." Laakiin hex-ka waa mid caadi ah (tusaale #000000 oo leh alfa 100% ma jiro midab). Haddii aad u baahan tahay midab leh daah-furnaan buuxda, waa inaad isticmaashaa rgba() ama u beddeshaa midabka si kale.

3. Sideen ugu nuqulin karaa midabka hex-ka? Guji qiimaha hex-ka (tusaale #1E90FF) oo tool-ku wuxuu si toos ah ugu nuqulin doonaa clipboard-ka. Haddii browser-ku uu diido, waxaad arki doontaa fariin khalad ah: "Could not copy — your browser blocked clipboard access." Markaas, isku day inaad isticmaasho gujiga midig (right-click) oo qaado "Copy".

4. Maxay tahay sababta midabada isku midka ah ee sawirka uu tool-ku u soo saaro midab kala duwan? Sababaha ugu weyn waa isku-dhejinta JPEG-ga ama anti-aliasing. Xitaa haddii aaggu u ekaado mid isku mid ah, pixels-ka waa ku kala duwanaan karaan tiro yar. Isticmaal magnifier-ka si aad u xusho pixel-ka ugu dhexeeya.

5. Ma kaydin karaa midabada kabadan 12? Taariikhdu waxay kaydin kartaa ilaa 12 midab. Haddii aad u baahan tahay midabada kabadan, waa inaad soo qaadataa qiimayaasha (hex, RGB) oo aad ku shubtaa qoraal gooni ah (sida notepad-ka). Tool-ku ma bixiyo hab kale oo kaydinta ah.

6. Maxaa dhacaya haddii sawirka uu yahay GIF-ka dhaqaaqa (animated)? GIF-ka dhaqaaqa, tool-ku wuxuu soo bandhigayaa qaabka laba-laabka ah (frame) ee ugu horeeya. Sidoo kale, daah-furnaanta ayaa laga yaabaa inay ka duwan tahay qaababka dambe. Si fiican u hubi.

Dooriyaha Midabka SawirkaDooro piksel kasta oo sawir ka mid ah oo akhri HEX, RGB iyo HSL-kiisa, adoo isticmaalaya weyneeye si aad u tijaabiso si sax ah.Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.Hubiyaha Ka Duwanaanshaha (Contrast Checker)Geli midabka qoraalka iyo asalka si aad u aragto saamiga ka duwanaanshaha WCAG iyo heerarka AA iyo AAA ee uu baasay.