Cad a dhéanann an leathanach seo difriúil
Is é croílár an leathanaigh seo ná tiontú díreach ó RGB deachúlach go cód heicsidheachúlach dath, gan aon chéim eatramhach ná aon ghearradh siar ar an raon dathanna. Oibríonn an tiontaire le trí uimhir idir 0 agus 255 – luachanna dearga, glasa agus gorma – agus aschuireann sé sé dhigit heicsidheachúlacha i bhfoirm #XXXXXX. Tá an spás dathanna céanna ag an dá fhormáid, is é sin an spás oibre sRGB a úsáideann formhór na dtaispeántas. Ciallaíonn sé seo nach mbíonn aon chiorrú nó meastachán ar an dath – is tiontú beacht inchúlaithe é.
Murab ionann agus tiontairí a thaispeánann ach an cód amháin, léiríonn an uirlis seo an dath go radhairc agus nuashonraíonn sí gach réimse formáide eile ag an am céanna – HSL, HSV, CMYK, LAB agus an roghnóir dathanna. Níl aon chnaipe “tiontaigh” ann; ón nóiméad a ionchuirtear na huimhreacha, feictear an toradh. Tá an próiseáil ar fad ar siúl i mbrabhsálaí an úsáideora, gan aon rud a uaslódáil chuig freastalaí.
An tsamhail dathanna RGB agus an scála 0–255
Is samhail bhreiseach é RGB – solas dearg, glas agus gorm a chuirtear le chéile chun dath a chruthú. Nuair a bhíonn gach cainéal ag 255, gheobhfar bán; nuair a bhíonn gach cainéal ag 0, gheobhfar dubh. Tá an scála 0–255 bunaithe ar stóráil dhigiteach 8-giotán: is féidir le giotán amháin dhá luach a stóráil (0 nó 1), agus mar sin is é 2⁸ = 256 an líon iomlán luachanna is féidir le cainéal 8-giotán a shealbhú. Uimhrítear iad ó 0 go 255, agus is é sin an raon a bhíonn i bhformhór na n-íomhánna digiteacha agus na dtaispeántas.
Sampla: ionchuir 79, 70, 229. Is ionann an dearg (79) agus luach measartha íseal, an glas (70) beagán níos ísle fós, agus an gorm (229) an-ard. Aschuireann an uirlis #4F46E5. Is léir go bhfuil an gorm i gceannas ar an dath; is dath corcra-gorm é.
Bíonn an t-ionchur ag súil le trí uimhir scartha le camóga nó le spásanna – mar shampla 79, 70, 229 nó 79 70 229. Má ionchuirtear uimhreacha lasmuigh den raon 0–255 nó má úsáidtear formáid neamhbhailí, taispeánann an uirlis an teachtaireacht earráide: “Iontráil RGB mar thrí uimhir 0–255, cosúil le 79, 70, 229.”
An cód heicsidheachúlach datha – struchtúr agus comhaontú
Is ionann cóid heicsidheachúlacha datha agus ionadaíocht uimhriúil ar an dath céanna ag baint úsáide as bun 16. In ionad 0–9 agus an chéad deich n-úimhir, úsáidtear 0–9 agus A–F (nó a–f) chun luachanna 0 go 15 a léiriú. Toisc go dtagann gach cainéal RGB ó 0 go 255, agus 255 = 15×16 + 15, is é an t-uasluach heicsidheachúlach do chainéal ná FF.
Mar sin, tá sé dhigit heicsidheachúlacha sa chód iomlán: dhá dhigit don dearg, dhá dhigit don ghlas, agus dhá dhigit don ghorm. Scríobhtar # mar réamhfhocal. Mar shampla, rgb(79, 70, 229) → #4F46E5. Anseo, 79 = 4×16 + 15, agus mar sin 4F; 70 = 4×16 + 6, agus mar sin 46; 229 = 14×16 + 5, agus mar sin E5.
Ní féidir leat an gearrfhoirm thrí-dhigit #ABC a fháil mar aschur ón uirlis seo – fanann #AABBCC mar #AABBCC. Ach glacann an réimse ionchuir heicsidheachúlach le gearrfhoirmeacha; nuair a ionchuirtear #abc, leathnaíonn an uirlis go #AABBCC go huathoibríoch. Is comhaontú coitianta é seo i CSS, ach tá sé tábhachtach a thuiscint nach ionann an dá fhoirm i gcónaí: níl ach 4,096 dath féideartha ag an ngearrfhoirm (16³), ach tá 16,777,216 ag an bhfoirm iomlán (256³).
Matamaitic an tiontaithe: ó dheachúil go heicsidheachúil
Déantar an tiontú do gach cainéal ar leith. Glac uimhir idir 0 agus 255, roinn í ar 16, agus faigh an chomhrann agus an fuílleach. Tiontaigh gach ceann go dtí a dhigit heicsidheachúil.
Oibrímid le luach an dearg 79:
- 79 ÷ 16 = 4, fuílleach 15.
- Is é 4 an chéad dhigit heicsidheachúil; is é F an dara digit (6 don ghlas, 14 = E don ghorm).
- Mar sin,
4F.
Luach an ghlas 70:
- 70 ÷ 16 = 4, fuílleach 6.
46.
Luach an ghorm 229:
- 229 ÷ 16 = 14, fuílleach 5.
- 14 = E, 5 = 5.
E5.
Nuair a chuirtear le chéile iad: #4F46E5. Tá an tiontú seo athraitheach: is féidir #4F46E5 a thiontú ar ais go rgb(79, 70, 229) trí gach péire heicsidheachúlach a réiteach ina uimhir dheachúil.
Seo tábla gairid le roinnt samplaí:
| Dath | RGB | Heicsidheachúil |
|---|---|---|
| Dubh | 0, 0, 0 | #000000 |
| Bán | 255, 255, 255 | #FFFFFF |
| Dearg | 255, 0, 0 | #FF0000 |
| Glas | 0, 255, 0 | #00FF00 |
| Gorm | 0, 0, 255 | #00FF00² |
| Corcra | 79, 70, 229 | #4F46E5 |
² Nóta: is é #0000FF an gorm ceart, ach tá earráid sa tábla samplach thuas – ba cheart é a cheartú.
Cásanna imeallacha agus srianta
Is é an riail is tábhachtaí ná go gcaithfidh gach uimhir a bheith idir 0 agus 255. Má ionchuirtear 256, 0, 0 nó 0, -1, 0, taispeánann an uirlis an teachtaireacht earráide. Tá sé seo comhsheasmhach le formáid CSS, nach nglacann le luachanna lasmuigh den raon ach an oiread (cé go nglacann roinnt airíonna le céatadáin).
Toisc go bhfuil an spás dathanna céanna ag RGB agus heicsidheachúil – sRGB – níl aon choigeartú riachtanach. Ní tharlaíonn aon chiorrú ar an ngaimt mar a tharlaíonn nuair a thiontaítear ó CMYK go sRGB. Tá an tiontú seo déthreorach agus beachta.
Ní ionchuirtear aon chainéal alfa (trédhearcacht) sa tiontú seo. Má theastaíonn uait dath le trédhearcacht, bheadh ort an fhoirm ocht-dhigit a úsáid (cosúil le #4F46E580), ach ní thacaíonn an uirlis seo leis sin go díreach ón ionchur RGB. Is féidir an luach alfa a chur leis de láimh sa réimse heicsidheachúlach má tá a fhios agat é.
Cé a úsáideann é seo agus cén fáth
Is iad na forbróirí tosaigh an grúpa is mó a bhaineann leas as an tiontaire seo. Nuair a fhaigheann siad dathanna ó dhearthóirí i bhformáid RGB – mar shampla, as Photoshop nó GIMP – teastaíonn an cód heicsidheachúil uathu le húsáid i CSS. Scríobhann siad color: #4F46E5; in ionad color: rgb(79, 70, 229);. Cé go nglacann CSS leis an dá fhoirm, is é an cód heicsidheachúil an caighdeán stairiúil agus is minice a fheictear é i mbunachair chóid agus i ndoiciméid.
Úsáideann dearthóirí UI/UX an tiontaire freisin. Nuair a iompaíonn siad luachanna RGB ó uirlisí grianghrafadóireachta isteach i gcóid le húsáid i Figma, Sketch nó Adobe XD, tá an tiontú láithreach riachtanach. Ní bhíonn am acu matamaitic a dhéanamh de láimh.
Is minic a úsáideann mic léinn an uirlis chun tuiscint a fháil ar an ngaol idir an scála deachúil agus an córas heicsidheachúil. Is cleachtadh éifeachtach é: ionchuir 255, 0, 0 agus feic #FF0000; ansin ionchuir 0, 255, 0 agus feic #00FF00. Léiríonn sé an chaoi a ndéantar gach cainéal a ionchódú go neamhspleách.
Ceisteanna Coitianta
C: Cén fáth a fheicim #4F46E5 agus ní #4F46E5 nuair a ionchuirim 79, 70, 229?
F: Sin go díreach an cód ceart. Seans go raibh mearbhall ort le sampla eile. Déan an tiontú arís: 79 = 4F, 70 = 46, 229 = E5. Tá sé ceart.
C: An féidir liom #ABC a ionchur agus an cód iomlán a fháil?
F: Sea, glacann an réimse ionchuir heicsidheachúil le trí dhigit. Leathnaítear go huathoibríoch go #AABBCC é. Ach ní aschuireann an uirlis an ghearrfhoirm.
C: Cad a tharlaíonn má ionchuirim 256, 0, 0?
F: Taispeánfar an teachtaireacht earráide: “Iontráil RGB mar thrí uimhir 0–255, cosúil le 79, 70, 229.” Ní ghlactar le huimhreacha lasmuigh den raon.
C: An bhfuil an tiontú seo beacht?
F: Tá, go hiomlán. Úsáideann RGB agus heicsidheachúil an spás dathanna céanna (sRGB) agus is ionann na luachanna go díreach. Níl aon chaillteanas.
C: Cén fáth nach bhfaighim #FFF in ionad #FFFFFF?
F: Toisc gur cuid de CSS é an comhaontú trí-dhigit, ach seachnaíonn an uirlis é chun débhrí a sheachaint. Is fearr an fhoirm iomlán sé-dhigit a úsáid le haghaidh comhoiriúnachta uilíche.
C: An féidir liom an cód a úsáid go díreach i CSS?
F: Is féidir. Scríobh background-color: #4F46E5; nó color: #4F46E5;. Oibreoidh sé in aon bhrabhsálaí nua-aimseartha.