Tiontaire RGB go HSL

Faoin Leathanach Seo

Ligeann an leathanach seo duit luach RGB (dearg, glas, gorm) a chur isteach – trí uimhir idir 0 agus 255 – agus a choibhéis a fheiceáil láithreach i mód HSL (hue, saturation, lightness). Seolann an uirlis amach an dath i bhformáidí eile freisin: HEX, HSV, CMYK agus LAB. Is féidir leat aon cheann de na luachanna sin a chóipeáil le húsáid i do thionscadal. Athraíonn gach réimse ar an leathanach nuair a dhéanann tú aon athrú; ní uaslódáiltear aon rud a scríobhann tú chuig freastalaí – déantar gach tiontú i do bhrabhsálaí.

Cad a Dhéanann an Leathanach Seo Difriúil

Is é príomh-fheidhm an leathanaigh ná tiontú ón múnla RGB – atá bunaithe ar an dóigh a thaispeánann scáileáin dathanna – go dtí múnla HSL, a dearadh chun freastal ar an dóigh a smaoiníonn daoine ar dhath. I RGB, más mian leat an dath céanna a choinneáil ach an soilsitheacht a athrú, caithfidh tú na trí chainéal a athrú ag an am céanna, rud a d’fhéadfadh an cró datha a chur as alt. I HSL, is féidir leat an soilsitheacht a athrú go neamhspleách agus an cró céanna á choinneáil agat – is é sin an fáth gur fearr le dearthóirí HSL chun pailéid datha, téamaí, agus éagsúlachtaí inrochtana a chruthú. Déanann an leathanach seo é sin go díreach: tugann sé uimhreacha 0–255 amh isteach, agus cuireann sé ar fáil cró 0–360°, satiúchán mar chéatadán, agus soilsitheacht mar chéatadán.

Conas a Oibríonn Tiontú RGB go HSL

Tá matamaitic bheacht taobh thiar den tiontú. Ar dtús, caithfear na luachanna RGB (0–255) a normalú go raon 0–1. Mar shampla, más RGB 79, 70, 229 é:

• R' = 79 / 255 ≈ 0.3098
• G' = 70 / 255 ≈ 0.2745
• B' = 229 / 255 ≈ 0.8980

Ansin faighimid an luach is mó (Cmax) agus an luach is lú (Cmin). I sampla:

• Cmax = 0.8980 (B)
• Cmin = 0.2745 (G)
• Difríocht (Δ) = 0.8980 – 0.2745 = 0.6235

Ó sin, ríomhtar an soilsitheacht (L):

• L = (Cmax + Cmin) / 2 = (0.8980 + 0.2745) / 2 ≈ 0.5863 → 58.63%

Ríomhtar an satiúchán (S) ar bhealach a bhraitheann ar L:

• Más L ≤ 0.5: S = Δ / (Cmax + Cmin)
• Más L > 0.5: S = Δ / (2 – Cmax – Cmin)

Anseo tá L ≈ 0.586 > 0.5, mar sin:

• S = 0.6235 / (2 – 0.8980 – 0.2745) = 0.6235 / 0.8275 ≈ 0.7533 → 75.33%

Ar deireadh, ríomhtar an cró (H). Braitheann an foirmle ar an chainéal is mó:

• Más Cmax = R: H = ( (G' – B') / Δ ) mod 6
• Más Cmax = G: H = ( (B' – R') / Δ ) + 2
• Más Cmax = B: H = ( (R' – G') / Δ ) + 4

I sampla, Cmax = B, mar sin:

• H = ( (0.3098 – 0.2745) / 0.6235 ) + 4 ≈ (0.0353 / 0.6235) + 4 ≈ 0.0566 + 4 = 4.0566

Ansin méadaítear é sin faoi 60 chun céimeanna a fháil: 4.0566 × 60 ≈ 243.4°. Mar sin HSL (243°, 75%, 59%) – a fheiceann tú ar an leathanach.

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

Baineann trí phríomhghrúpa úsáid as an uirlis seo:

• Dearthóirí comhéadain (UI/UX) – nuair is gá dóibh pailéid inrochtana a chruthú, is fearr HSL mar is féidir leo an soilsitheacht a ardú nó a ísliú gan an cró a athrú. Mar shampla, más mian leo leagan níos éadroime de dhath branda a úsáid le haghaidh cúlra, coinníonn HSL an cró céanna; i RGB bheadh ar an dearthóir triail agus earráid a dhéanamh.
• Forbróirí tosaigh – a aistríonn luachanna ó uirlisí deartha (a úsáideann RGB go minic) go CSS hsl() nó hsla(). Is éasca HSL a ionramháil i JavaScript le stíleanna dinimiciúla.
• Tógálaithe téamaí – ag cruthú leaganacha geala/dorcha de dhath lárnach. I HSL is leor an soilsitheacht a athrú. I RGB, d’athródh an cró beagán mura mbeadh an cothromóid ceart.
• Dearthóirí léirshamhlaithe sonraí – a theastaíonn scálaí datha a bhfuil ord intleachtúil acu. Ligeann cainéal soilsitheachta HSL dóibh cúlú nó neartú datha a rialú go tapa.

Rialacha agus Imeallchásanna

Leagtar síos rialacha soiléire ar an leathanach:

• Ionchur RGB: Caithfidh sé a bheith ina thrí shlánuimhir idir 0 agus 255, scartha le camóga nó le spásanna. Mura gcomhlíontar é, feicfear: "Iontráil RGB mar thrí uimhir 0–255, mar shampla 79, 70, 229."
• Ionchur HSL: Is féidir dul isteach HSL go díreach chun tiontú ar ais go RGB. Caithfidh sé a bheith ina uimhir cró 0–360 agus dhá chéatadán (m.sh. 243, 75%, 59%). Má tá an fhormáid mícheart, feicfear: "Iontráil HSL mar cró 0–360 le dhá chéatadán, mar shampla 243, 75%, 59%."
• Luachanna LAS (LAB) nó CMYK a thagann lasmuigh de raon infheicthe RGB: déanann an uirlis iad a choigeartú go dtí an dath is gaire is féidir a thaispeáint. Tabhair faoi deara go bhféadfadh athrú beag a bheith ann má thiontaíonn tú an dath sin ar ais go LAB nó CMYK.
• CMYK: Níl an t-aschur CMYK ach meastachán scáileáin; níor chóir é a úsáid le haghaidh clódóireachta ghairmiúil gan fíorú.

Feidhmeanna Praiticiúla i bhForbairt Gréasáin

Is furasta HSL a úsáid i CSS. Scríobhann tú:

background-color: hsl(243, 75%, 59%);

Is féidir leat an soilsitheacht a athrú go héasca agus an cró á choinneáil:

.dath-éadrom { background-color: hsl(243, 75%, 80%); }
.dath-dorcha  { background-color: hsl(243, 75%, 30%); }

I JavaScript, is féidir stíleanna dinimiciúla a ionramháil trí athróg HSL a athrú. Déanann an leathanach seo éasca an luach HSL bheacht a fháil ó RGB, ionas gur féidir leat é a chur i do chód láithreach.

Chomh maith leis sin, le haghaidh inrochtaineachta, is minic a bhíonn ar dhearthóirí codarsnacht a sholáthar de réir WCAG. Trí úsáid a bhaint as HSL, is féidir an soilsitheacht a choigeartú go córasach chun cóimheas codarsnachta 4.5:1 a bhaint amach gan an cró a athrú – rud atá i bhfad níos deacra i RGB.

Teorainneacha HSL agus Roghanna Eile

Cé go bhfuil HSL an-úsáideach do dhearthóirí, níl sé foirfe. Níl an múnla aonfhoirmeach go braiteach – is é sin, d’fhéadfadh buí agus gorm ag an soilsitheacht chéanna a bheith le feiceáil ar leibhéal difriúil gile don tsúil dhaonna. Tá sé seo mar gheall ar an mbealach a phróiseálann an inchinn dath. Chun aghaidh a thabhairt air, baintear úsáid as múnlaí mar LAB (CIE Lab*), atá deartha le bheith aonfhoirmeach go braiteach agus a thacaíonn le gamut dathanna níos leithne. Tugann an leathanach seo aschur LAB freisin, ach caithfidh tú a bheith ar an eolas go ndéantar aon luach lasmuigh den raon RGB a shlánú.

Chomh maith leis sin, má tá tú ag obair le híomhánna nó le clódóireacht, b’fhéidir gur fearr HSV (hue, saturation, value) nó CMYK. Tugann an uirlis seo na roghanna sin go léir, agus is féidir leat aistriú eatarthu go tapa.

Ceisteanna Coitianta

C: An féidir liom uimhreacha deachúla a úsáid in RGB?
Ní féidir. Caithfidh gach uimhir a bheith ina slánuimhir idir 0 agus 255. Mar sin, 79.5 ní oibreoidh sé; caithfidh tú 80 nó 79 a úsáid.

C: Cén fáth go n-athraíonn an luach CMYK beagán nuair a thiontaím ar ais go RGB?
Mar gheall gur meastachán scáileáin é an CMYK a thaispeántar. Ní hionann an tsamhail CMYK (atá bunaithe ar dhighníomhú dúigh) agus an tsamhail RGB (atá bunaithe ar sholas). Ní féidir gach dath CMYK a léiriú go cruinn ar scáileán, mar sin déantar coigeartú, agus féadfaidh caillteanas beag a bheith i gceist.

C: An bhfuil sé sábháilte an luach CMYK uaim a úsáid i bpróiseas clódóireachta?
Ní mholtar é. Níl sa luach ach meastachán don scáileán. Ciallaíonn an difríocht idir próifílí dathanna clódóra agus an tsamhail sRGB go mbeidh neamhchruinneas ann. Úsáid uirlisí clódóireachta gairmiúla le próifílí ICC le haghaidh torthaí cruinne.

C: Cad a tharlaíonn má chuirim isteach luach HSL a bhfuil an satiúchán nó an soilsitheacht os cionn 100%?
Feicfear teachtaireacht earráide. Caithfidh an satiúchán agus an soilsitheacht a bheith idir 0% agus 100%. Is féidir leis an uirlis luachanna a shlánú go huathoibríoch ach coinníonn sí an raon srianta sin.

C: An bhfuil difríocht idir HSL agus HSB/HSV?
Tá. Seasann HSV (nó HSB) le hue, saturation, agus value (brightness). Cé go bhfuil an cró mar an gcéanna, úsáideann HSV luach iomlán an tsolais (Cmax) in ionad soilsitheachta (Cmax+Cmin)/2. Mar sin is é an t-aschur HSV ar an leathanach seo a mbeidh saturation difriúil aige go minic ná HSL don dath céanna.