Konvertitur minn HSL għal RGB

Ikkonverti HSL għal RGB waqt li qed tikteb — b'xejn, istantanjament, b'eżempju prattiku u tabella ta' kuluri komuni.

Eżempju prattiku

HSL 11, 100%, 60% = RGB 255, 87, 51

Kif taħdem il-konverżjoni

  • HSL jiddeskrivi l-istess kulur permezz ta' lewn (tonalità minn 0–360° fuq ir-rota tal-kuluri), saturazzjoni u luminożità — utli ħafna biex tiskura jew tnaqqas is-saturazzjoni ta' kulur billi tbiddel komponent wieħed biss.

Kuluri komuni f' HSL u RGB

KulurHSLRGB
Aħmar0, 100%, 50%255, 0, 0
Oranġjo39, 100%, 50%255, 165, 0
Isfar60, 100%, 50%255, 255, 0
Aħdar120, 100%, 25%0, 128, 0
Cyan180, 100%, 50%0, 255, 255
Blu240, 100%, 50%0, 0, 255
Vjola300, 100%, 25%128, 0, 128
Roża350, 100%, 88%255, 192, 203
Kannella0, 59%, 41%165, 42, 42
Abjad0, 0%, 100%255, 255, 255
Griż0, 0%, 50%128, 128, 128
Iswed0, 0%, 0%0, 0, 0

Kull konverżjoni ssir fil-browser tiegħek. Xejn minn dak li ddaħħal ma jiġi mtella' fuq BroBroGo.

Mistoqsijiet Frekwenti (FAQ)

Kif nista' nikkonverti HSL għal RGB?

Ikteb jew inkolla l-valur HSL tiegħek hawn fuq — il-valur RGB jaġġorna awtomatikament waqt li qed tikteb. Tista' wkoll tagħżel il-kulur viżwalment mill-paletta.

Il-konverżjoni hija eżatta?

Il-valuri huma mqarrba għal numri sħaħ, kif jistennew is-CSS u l-għodod tad-disinn. Id-differenza hija tant żgħira li l-għajn tal-bniedem ma tistax taraha.

X’inhi l-konverżjoni minn HSL għal RGB u għaliex għandek bżonnha

Meta taħdem bil-kuluri fuq l-iskrin, tista’ tiltaqa’ ma’ żewġ mudelli differenti: wieħed li jaqbel ma’ kif aħna l-bnedmin naħsbu dwar il-kulur (HSL) u ieħor li l-kompjuter juża biex jarmi d-dawl (RGB). Il-paġna hsl-to-rgb tagħti eżattament dak: inti ddaħħal kulur f’termini ta’ hue (0–360), saturation u lightness (it-tnejn bħala persentaġġ), u immedjatament tara t-tliet numri RGB (0–255) li jikkorrispondu miegħu. Imma mhux biss RGB—tara wkoll il-HEX, HSV, CMYK u LAB. U dan kollu jsir fil-browser tiegħek stess, mingħajr ma tintbagħat l-ebda informazzjoni fuq l-internet.

Dak li jagħmel din il-paġna differenti minn għodod oħra huwa dan: il-mudell HSL inbena speċifikament għar-raġunament uman dwar il-kulur. Jekk tibdel il-lightness biss, il-hue jibqa’ l-istess. Għalhekk id-disinjaturi jużaw l-HSL biex joħolqu paletti u temi—għax huwa faċli biex tifhem kif is-saturazzjoni u d-dawl jaffettwaw il-perċezzjoni. L-RGB, min-naħa l-oħra, huwa l-ispazju tax-xogħol għall-matematika tal-kulur fuq l-iskrin. Kull valur HSL validu għandu ekwivalenti RGB wieħed biss, mingħajr telf ta’ informazzjoni. Lanqas ma jseħħ dak li jissejjaħ out‑of‑gamut clipping—fejn kulur ma jistax jintwera fuq skrin—għax l-HSL u l-RGB jaħdmu fl-istess spettru. Dan ifisser li meta tikkonverti lura, ma jkollok l-ebda tibdil fil-kulur. Dan mhux minnu għal konverżjonijiet minn LAB jew CMYK għal RGB, li spiss jaqtgħu barra kuluri li ma jistgħux jintwerew.

Kif taħdem l-għodda: inputs u outputs

L-għodda tistenna input fil-format: hue (0–360), saturation bħala persentaġġ, lightness bħala persentaġġ. Eżempju: 243, 75%, 59%. Ladarba ddaħħal il-valur, is-sitt oqsma ta' output jaġġornaw istantanjament:

  • HEX: bħal #4F46E5
  • RGB: tliet numri bejn 0 u 255, bħal 79, 70, 229
  • HSL: l-istess valur li ddaħħalt
  • HSV: il-varjant b'value minflok lightness
  • CMYK: stima għall-iskrin (mhux għall-istampar)
  • LAB: il-mudell perceptiv ta' kummissjoni internazzjonali

L-input huwa editjat b'mod dirett—kull bidla fl-HSL tibgħat tibdil fil-bqija. Jekk ddaħħal valur mhux korrett, bħal abc, l-għodda turi l-messaġġ:

"Enter HSL as hue 0–360 with two percentages, like 243, 75%, 59%."

Jekk il-hue ikun 'il barra mill-medda 0–360, l-għodda x'aktarx ma taċċettahx. Jekk is-saturazzjoni jew il-ġidru ma jkunux persentaġġ validu, tara l-istess twissija. Il-format eżatt huwa meħtieġ: numru, virgola, spazju, persentaġġ, virgola, spazju, persentaġġ.

Regoli u każijiet ta’ tarf (edge cases)

Il-folja tal-fatti ssemmi diversi punti importanti:

  • Ebda telf ta' kulur: il-konverżjoni minn HSL għal RGB hija bijettiva (one-to-one) fi ħdan il-meded validi. Ma tista' qatt tikseb valur RGB li ma jistax jintwera, għax l-HSL diġà huwa mfassal biex ikopri l-istess spazju.

  • CMYK huwa biss stima: l-output CMYK li tara fuq l-iskrin mhuwiex l-istess bħall-valur li stampatur professjonali juża. Dan għaliex il-karta, l-linka, u l-profil tal-istampatur ibiddlu r-riżultat. Għalhekk, ma tistax tittrasferixxi dawn in-numri direttament għall-istampar mingħajr kalibrazzjoni.

  • Konverżjoni lokali: kull ħaġa ssir eżatt fil-browser tiegħek. L-ebda data ma titlaq mill-kompjuter tiegħek. Dan huwa importanti għall-privatezza, speċjalment jekk qed taħdem b'kuluri minn proġett kunfidenzjali.

  • Il-hue huwa f'gradi: l-iskala 0–360 tirrappreżenta ċ-ċirku kromatiku. 0 huwa aħmar, 120 aħdar, 240 blu. Jekk ddaħħal 360 bħala hue, l-għodda tittrattah bħala l-istess bħal 0? Skont l-implimentazzjoni standard, il-valur 360 huwa ekwivalenti għal 0 (peress li ċ-ċirku jdur fuqu nnifsu). Il-biċċa l-kbira tal-għodod jaċċettaw 360 imma jikkonvertuh għal 0. Iċċekkja l-imġiba attwali tal-paġna.

Min għandu bżonn din l-għodda?

Il-folja tal-fatti tidentifika tliet tipi ewlenin ta’ utenti:

  1. Disinjaturi li qed jibnu paletti tal-kulur jew temi u jridu l-valuri RGB eżatti għall-kodiċi Jekk qed tuża għodda bħal Figma jew Sketch, ħafna drabi l-kuluri huma espressi bħala HSL. Meta tmur biex tikteb CSS, għandek bżonn l-RGB (jew HEX). Din il-paġna tiffranka l-ħin ta’ kalkolu manwali.

  2. Żviluppaturi front‑end li jittrasferixxu valuri tal-kulur minn għodda tad-disinn (li spiss tuża HSL) għal CSS jew JavaScript li jistenna RGB. Per eżempju, jekk għandek hsl(243, 75%, 59%) u trid tużah f'proprjetà background-color: rgb(79, 70, 229), din il-konverżjoni ssir istantanjament.

  3. Kull min jippreferi jaħseb dwar il-kulur b'termini umani (x'tip ta' kulur hu, kemm ikun qawwi, kemm ikun ċar) u għandu bżonn in-numri eżatti għall-iskrin. Jekk qed tesperimenta b'kuluri fi proġett kreattiv, l-HSL jgħinek tifhem kif tibdel id-dawl mingħajr ma tbiddel il-hue—u mbagħad din l-għodda tagħtik il-valur finali.

Il-mudelli tal-kulur: fejn jintużaw u għaliex

Hawn taħt hawn spjegazzjoni qasira ta' kull mudell li l-għodda turi, flimkien mal-użu prinċipali tiegħu.

Mudell Deskrizzjoni Użu tipiku
HEX Numru eżagonali ta' 6 ċifri (jew 3) li jirrappreżenta RGB. CSS, HTML, għodod tal-web.
RGB Tliet komponenti (aħmar, aħdar, blu) bejn 0–255. Il-bażi għall-kulur fuq skrins.
HSL Hue (gradi), Saturation (%), Lightness (%). Disinn ta' paletti, tema.
HSV Hue, Saturation, Value (minflok Lightness). Applikazzjonijiet grafiċi bħal GIMP u Photoshop.
CMYK Cyan, Magenta, Yellow, Key (iswed). Stampar fuq karta (stima hawnhekk).
LAB Luminosità, a (aħmar- aħdar), b (blu- isfar). Konverżjonijiet perceptivi, użat fl-ICC profiles.

Żbalji komuni u kif tevitaħom

L-utenti spiss jagħmlu dawn l-iżbalji meta jużaw din l-għodda:

  1. Jiktbu l-persentaġġ mingħajr is-simbolu % – pereżempju 243, 75, 59 minflok 243, 75%, 59%. L-għodda ma taċċettax dan, għax il-format jeħtieġ il-persentaġġ.

  2. Jitħawdu l-iskala tal-hue (0–360) mal-iskala ta' 0–255 – xi drabi min jibda jaħseb fl-RGB jaħseb li hue huwa wieħed mit-tliet numri. Imma l-hue huwa fuq skala ċirkolari.

  3. Jippruvaw iddaħħlu valuri negattivi – m'hemmx valuri negattivi validi la fl-HSL u lanqas fl-RGB. Lightness negattiva ma tagħmel l-ebda sens fiżiku.

  4. Jistennew li l-CMYK ikun preċiż għall-istampar – kif diġà ssemma, l-output huwa stima. Għall-istampar professjonali, għandek bżonn softwer li japplika profili ICC speċifiċi.

Mistoqsijiet frekwenti (FAQ)

1. X’jiġri jekk indaħħal hue ta’ 360?
Technically, 360 huwa l-istess bħal 0—it-tnejn jirreferu għall-aħmar. L-għodda tista’ taċċettah jew tikkonvertih għal 0. Jekk ma taċċettahx, ipprova uża 0.

2. Għala l-output CMYK mhuwiex l-istess bħal dak li nara fi stampatur?
Għaliex l-istampar jiddependi mill-karta, l-linka, u l-profil tal-istampatur. Din l-għodda tagħti biss stima ġenerali bbażata fuq algoritmu sempliċi.

3. Nista' nikkonverti lura minn RGB għal HSL biha?
Le, din il-paġna taħdem f'direzzjoni waħda: daħħal HSL, toħroġ RGB u l-bqija. Jekk għandek bżonn il-maqlub, fittex għodda oħra.

4. Il-valuri huma kkalkulati fuq il-kompjuter tiegħi jew fuq server?
Fuq il-kompjuter tiegħek. L-ebda data ma tintbagħat online. Tista' tivverifika billi tiddiżattiva l-internet wara li tgħabbi l-paġna—għadha taħdem.

5. X'inhu l-algoritmu wara l-konverżjoni minn HSL għal RGB?
Hemm formula standard definita mill-CSS u minn organizzazzjonijiet bħall-W3C. L-ewwel, il-hue jiġi maqsum fi 3 reġjuni (0–120, 120–240, 240–360) u mbagħad jiġu kkalulati l-frazzjonijiet. Imma int m'għandekx bżonn tiftakarha—l-għodda tagħmel dan kollu għalik.

6. Għala hemm differenza bejn HSL u HSV?
It-tnejn jużaw hue u saturation, imma t-tielet parametru huwa differenti: lightness (HSL) ivarja minn iswed (0%) għal abjad (100%), filwaqt li value (HSV) ivarja minn iswed (0%) għal kulur pur (100%). Il-konverżjoni bejniethom hija matematikament differenti, imma t-tnejn jistgħu jintużaw biex jiddeskrivu l-istess kulur b'modi differenti.