Tiontaire HSL go HEX

HSL go HEX: Tiontú Dathanna Leathanach Dírithe

Cad a Dhéanann an Leathanach Seo

Cuireann tú dath HSL isteach — tonn (hue) i gcéimeanna ó 0 go 360, sáithiúchán (saturation) mar chéatadán, agus soilse (lightness) mar chéatadán — agus taispeánann an leathanach seo láithreach an cód hexadecimal (HEX) comhionann. Is é an cód HEX an nodaireacht sé-dhigit (nó trí-dhigit gearr) a úsáidtear i ngach áit i CSS agus in uirlisí dearaidh, mar shampla #1E90FF. De réir mar a chlóscríobhann tú nó a roghnaíonn tú dath, nuashonraítear luach HEX láithreach.

Mar shampla, má chuireann tú 243, 75%, 59% isteach, is é #4f46e5 an toradh HEX a fhaigheann tú. Léiríonn an leathanach an cód seo go díreach, agus is féidir é a chóipeáil le húsáid i gcomhad CSS nó in aon uirlis dearaidh.

Cad a Dhéanann an Leathanach Seo Difriúil

Is é an fócas atá ar an leathanach seo ná tiontú HSL-go-HEX amháin. Is samhail dathanna é HSL atá deartha le bheith dírithe ar dhuine ag smaoineamh faoi dhathanna — má athraíonn tú an soilse amháin, fanann an tonn mar an gcéanna, agus is é sin an fáth a n-úsáidtear é le haghaidh giniúna pailéid agus téamaí. Ar an taobh eile, is nodaireacht RGB sé-dhigit (nó trí-dhigit) é HEX; níl aon alpha ann mura n-úsáidtear an fhoirm ocht-dhigit. Tá an tiontú díreach agus gan chaillteanas laistigh de gamut sRGB, murab ionann agus tiontuithe a bhaineann le LAB nó CMYK a d'fhéadfadh dathanna atá lasmuigh den gamut a choigeartú.

Ciallaíonn sé seo nach gá aon choigeartú a dhéanamh ar dhathanna atá taobh amuigh den raon infheicthe RGB — fanann an toradh i gcónaí laistigh den raon sin. Is buntáiste mór é seo i gcomparáid le tiontuithe eile a d'fhéadfadh dathanna a chailleadh nó a athrú.

Ionchuir agus Aschuir

Is iad seo a leanas na príomhionchuir:

• Tonn (Hue): Uimhir idir 0 agus 360. Léiríonn sé seo an dath bunúsach ar an roth dathanna — dearg ag 0, buí ag 60, glas ag 120, gorm ag 240, srl.
• Sáithiúchán (Saturation): Céatadán idir 0% agus 100%. Is é 0% liath, agus is é 100% an dath is glaine.
• Soilse (Lightness): Céatadán idir 0% agus 100%. Is é 0% dubh, is é 100% bán, agus is é 50% an dath "caighdeánach" don tonn sin.

Is é an príomh-aschur ná cód HEX. Mar shampla, má tá tonn 243°, sáithiúchán 75%, agus soilse 59%, is é #4f46e5 an toradh. Má tá gach cainéal RGB in ann a bheith léirithe ag digit amháin i HEX, taispeánann an uirlis freisin an fhoirm ghearr thrí-dhigit (mar shampla, #abc in ionad #aabbcc).

Tá na réimsí datha eile seo a leanas nuashonraithe ag an am céanna: RGB, HSV, CMYK, agus LAB. Ciallaíonn sé seo gur féidir leat an dath céanna a fheiceáil i go leor formáidí éagsúla, rud a chabhraíonn le comhthéacs agus le héagsúlacht úsáidí.

Rialacha agus Imeallchásanna

Tá roinnt rialacha tábhachtacha ann maidir le húsáid an leathanaigh seo:

• Má tá na luachanna HSL lasmuigh de na raonta bailí (tonn 0–360, sáithiúchán 0–100%, soilse 0–100%) nó mura bhfuil siad formáidithe i gceart, taispeánann an uirlis an teachtaireacht earráide seo a leanas:
  “Cuir isteach HSL mar thonn 0–360 le dhá chéatadán, cosúil le 243, 75%, 59%.”
  Ní mór an chomhartha céatadáin (%) a bheith ann; mura bhfuil, ní aithneofar an luach.

• Tiontaítear HSL go HEX i gcónaí laistigh den raon infheicthe RGB; ní dhéantar aon choigeartú lasmuigh den gamut don tiontú seo. Mar sin, is féidir muinín a bheith agat go mbeidh an toradh HEX le feiceáil ar an scáileán.

• Is meastachán ar an scáileán é an t-aschur CMYK a thaispeántar in éineacht leis, agus d'fhéadfadh sé a bheith difriúil ó luachanna priontála gairmiúla. Níor cheart é a úsáid le haghaidh priontála cruinn gan tomhas breise a dhéanamh.

• Déantar gach próiseáil go díreach i do bhrabhsálaí; ní uaslódáiltear aon rud a chuireann tú isteach. Tá an tiontú ar fad bunaithe ar an algartam caighdeánach HSL-go-RGB-go-HEX.

An tAlgartam Tiontaithe go Mion

Chun tuiscint a fháil ar an tiontú, is féidir breathnú ar na céimeanna matamaitice:

1. HSL go RGB: Ar dtús, tiontaítear HSL go luachanna RGB. Is é an fhoirmle seo a leanas é:

   • Má tá sáithiúchán 0%, is é an dath liath: R = G = B = soilse / 100.
   • Mura bhfuil, ríomhtar luachanna eatramhacha: C = (1 - |2 * soilse / 100 - 1|) * sáithiúchán / 100, X = C * (1 - |(tonn / 60) mod 2 - 1|), agus m = soilse / 100 - C / 2. Ansin, leithdháiltear R, G, B bunaithe ar an gcuid den roth dathanna ina bhfuil an tonn.

2. RGB go HEX: Tiontaítear gach luach RGB ó raon 0–255 go dé-heicsidheachúlach. Mar shampla, má tá R = 79, G = 70, B = 229, is é 4F, 46, E5 iad. Comhcheanglaítear iad le hacomhal # chun #4f46e5 a fháil.

Léiríonn an tábla seo a leanas na luachanna athraitheacha don sampla a luadh:

Is féidir an tiontú a dhéanamh de láimh, ach is é an leathanach seo an bealach is tapúla agus is cruinne.

Cé a Úsáideann É agus Cén Fáth

Tá an uirlis seo riachtanach do roinnt grúpaí:

• Dearthóirí: Tógann siad pailéid dathanna in HSL agus teastaíonn cóid HEX uathu le haghaidh cur i bhfeidhm i gcód nó in uirlisí dearaidh. Mar shampla, má tá pailéad agat le dathanna éagsúla ó thonn 200 go 300, is féidir leat an soilse a athrú go héasca in HSL agus ansin é a thiontú go HEX.

• Forbróirí tosaigh: Faigheann siad luachanna HSL ó chomhaid dearaidh (mar shampla, Figma nó Sketch) agus caithfidh siad iad a aistriú go hairíonna CSS HEX. Leis an leathanach seo, is féidir leo é sin a dhéanamh go tapa agus go cruinn.

• Duine ar bith: Athraíonn siad téamaí nó cuireann siad cóimheasa codarsnachta rochtana i bhfeidhm trí shoilse a mhodhnú in HSL, agus ansin tiontaíonn siad an toradh go luach HEX le haghaidh úsáid táirgthe. Mar shampla, chun codarsnacht WCAG a bhaint amach, is féidir leat an soilse a choigeartú go dtí go bhfuil an dath inléite.

Ceisteanna Coitianta (FAQ)

An féidir liom luach alpha a chur le HEX?
Ní féidir leis an leathanach seo é sin a dhéanamh. Tá an fhoirm chaighdeánach sé-dhigit ann. Chun alpha a chur leis, caithfidh tú ocht ndigit a úsáid (mar shampla, #4f46e580 le haghaidh 50% trédhearcachta), ach ní chuireann an uirlis seo alpha san áireamh.

Cad a tharlaíonn má chuireann mé luach tonn 361 isteach?
Taispeánfaidh an uirlis an teachtaireacht earráide: “Cuir isteach HSL mar thonn 0–360 le dhá chéatadán, cosúil le 243, 75%, 59%.” Ní ghlactar le haon luach lasmuigh den raon 0–360.

An bhfuil an tiontú seo beacht?
Tá sé beacht laistigh den gamut sRGB. Ní chailltear aon fhaisnéis sa tiontú, toisc go n-úsáideann an t-algartam na foirmlí matamaitice caighdeánacha. Mar sin féin, má tá an dath lasmuigh den ghamut (rud nach féidir le HSL a léiriú go díreach), ní tharlaíonn aon choigeartú.

Cén fáth a bhfuil CMYK difriúil ó luachanna priontála?
Tá CMYK ar an scáileán ina mheastachán amháin. Braitheann priontáil fhíor ar an gcineál dúch, ar an bpáipéar, agus ar chalabrú an phrintéara. Mar sin, ná húsáid an luach seo le haghaidh priontála gairmiúil gan é a sheiceáil le huirlis speisialaithe.

An féidir liom an cód HEX gearr a úsáid i CSS?
Is féidir, ach amháin má tá na digití comhionann i ngach péire. Mar shampla, is féidir #aabbcc a scríobh mar #abc. Mura bhfuil, caithfidh tú an fhoirm iomlán sé-dhigit a úsáid.

An bhfuil an uirlis seo saor in aisce?
Tá sé ar fáil go hiomlán saor in aisce ar an suíomh gréasáin seo. Ní ghá clárú ná íoc as.