Bain dath picseal as íomhá

faigh dath beacht picseal ó d'íomhá (RGB, HSL, heicsidheachúil) trí chliceáil ar an bpointe a roghnaigh tú

Cad is roghnóir dathanna íomhá ann?

A roghnóir dathanna (i bhFraincis pípéad dathannagabháil dathanna) is uirlis é a athshocraíonn luach beacht picteilín roghnaithe ar íomhá. Uaslódáil tú grianghraf, tú cliceáil ar an bpointe a bhfuil suim agat ann, agus filleann an uirlis an dath beacht i bhfoirm HEX, RGB agus HSL. Is ionann é agus an t-eyedropper i mbogearraí deartha mar Photoshop, GIMP nó Figma.

Oibríonn ár n-uirlis go díreach i do bhrabhsálaí. Uaslódálann tú do íomhá, taispeántar é sa leathanach, agus níl le déanamh agat ach cliceáil ar picteilín chun a dhath a fháil. Léamh an picteilín a dhéantar ar thaobh an chliaint tríd an API chanbhás, gan turais bhabhta freastalaí, gan ath-chomhbhrú agus gan sheoladh an íomhá ar an líonra le roghnú.

Difríocht le extractor dath

Freagraíonn ár eastóstóir datha agus ár roghnóir dathanna dhá cheann riachtanais ar leith, a bhfuil sé úsáideach idirdhealú soiléir a dhéanamh orthu:

  • Déanann an t-eastóscadh anailís ar an íomhá iomlán agus seolann sé an pailéad ceannasach ar ais (na 5, 8 nó 10 dathanna is mó ionadaíocht). Is é an rogha uirlis chun an t-atmaisféar a shintéisiú dathmhéadrach ar ghrianghraf, cruthaigh clár giúmar nó cothaigh cairt.
  • Cuireann an roghnóir datha ar ais an dath cruinn ar picteilín ar leith atá agat ainmniú. Is é an rogha uirlis nuair a bhíonn a fhios agat cá háit le breathnú: lógó i ngabháil, nuance grádán beacht, páipéar balla tagartha.

Oibríonn an t-eastóscadh ar na milliúin picteilín agus cuireann sé cnuasú i bhfeidhm chun grúpaí a thabhairt amach dathanna; ní léann an roghnóir ach an luach RGB atá stóráilte ag an suíomh a chliceálann tú. Tá an ginearálaíonn an chéad cheann, tá an dara ceann máinliachta.

Conas a oibríonn sé, go teicniúil

Is éard is íomhá dhigiteach ann ná greille de phicteilíní, agus iompraíonn gach picteilín trí chainéal RGB (dearg, glas, gorm) códaithe go ginearálta ar 8 ngiotán, nó 256 luach in aghaidh an chainéil. Nuair a chliceálann tú ar phointe, an uirlis:

  1. Tarraingíonn sé d’íomhá i mír chanbhás, ag coimeád a toisí dúchais (le síleáil 1500 picteilín ar leithead chun fanacht compordach ar an scáileán).
  2. Tiontaíonn sé suíomh cliceáil go comhordanáidí na híomhá dhúchais, mar chúiteamh ar an méid a athrú taispeáint brabhsálaí.
  3. Léann sé luach RGBA na picteilíní tríd an API canvas.getContext('2d').getImageData(x, y, 1, 1).
  4. Taispeántar réamhamharc ar an roghnóir dathanna. Nuair a chuirtear isteach é, léann an freastalaí an seasamh céanna le PHP GD agus ríomhann sé na cóid deiridh HEX, RGB agus HSL.

Ríomhtar an luach HSL ag ár seirbhís tiontaithe datha, mar an gcéanna leis an gceann a úsáideann ár seirbhís tiontaire datha. Comhsheasmhacht ceann go deireadh, gheobhaidh tú na luachanna céanna is dá mbeadh an cód HEX clóscríofa agat sa tiontaire.

Cásanna úsáide tipiciúla

  • Atáirgeadh dath scáileáin: tá gabháil scáileáin agat de shuíomh, agat ag iarraidh dath cruinn an chnaipe nó an chúlra a mheaitseáil. Tugann an roghnóir an cód HEX duit beacht le greamú isteach i do CSS.
  • Sainaithin dath cairte i ngrianghraf: cur i láthair PDF, leathanach de iris, amhairc táirge. Ní gá an chairt a iarraidh a thuilleadh, léann tú an dath go díreach.
  • Innealtóireacht droim ar ais aitheantais amhairc: gorm beacht lógó a ghabháil, an bándearg de bhratach, oráiste glao chun gnímh.
  • Inspioráid agus monatóireacht ar dhearadh: feiceann tú grianghraf a thaitníonn leat, faigheann tú é an scáth cruinn bláth, balla, póstaer.
  • Deireadh tosaigh an dífhabhtaithe: taispeánann gabháil scáileáin fabht an dath mícheart, a léann tú an luach iarbhír chun comparáid a dhéanamh leis an luach a bhfuiltear ag súil leis sa tsamhail.
  • Ag cruthú pailéad ó thagairt: roghnaíonn tú roinnt pointí as a íomhá chéanna chun pailéad pearsantaithe a athchruthú.

Conas an roghnóir dath a úsáid

  1. Uaslódáil d'íomhá (PNG, JPG, GIF, BMP, WebP, suas go 20 MB).
  2. Taispeántar réamhamharc ar an leathanach. Cliceáil ar picteilín chun a dhath a fháil.
  3. Marcálann aimsitheoir amhairc an suíomh a chliceáiltear air agus feictear réamhamharc ar an dath in aice leis.
  4. Bailíochtaigh leis an gcnaipe cuir isteach chun an toradh deiridh a fháil: cearnóg dhaite, cód HEX, RGB agus HSL.
  5. Chun an luach a athrú idir formáidí, úsáid ár n- tiontaire datha.

Ceisteanna coitianta

Cad é an difríocht idir HEX, RGB agus HSL?

Is iad seo trí léiriú ar an dath céanna. Is é HEX (#ff0000) an an fhormáid is mó a úsáidtear i CSS. Cuireann RGB na trí chainéal dearg / glas / gorm in iúl luachanna 0-255. Tá HSL (Lí, Sáithiú, Gile) níos iomasach chun a tint: seo é an fhormáid is fearr leat nuair is mian leat a dath gan athrú ar an scáth bonn.

Cén fáth nach dtugann mo chlic an dath a rabhthas ag súil leis ar ais?

Ar limistéar grádán, is féidir le luachanna an-difriúla a bheith ag dhá phicteilín in aice láimhe. Thairis sin, Tá íomhánna JPG comhbhrúite caillte: d’fhéadfadh go mbeadh difríocht bheag idir dath picteilín an bhunaidh. Le haghaidh cóid datha iontaofa, is fearr PNG nó íomhánna neamh-chomhbhrúite.

An bhfuil mo chomhordanáidí ón scáileán nó ón íomhá?

Iad siúd den bhuníomhá. Athraíonn ár script JavaScript an suíomh cliceáil go huathoibríoch (i bpicteilíní scáileáin) go dtí an suíomh san íomhá dúchais. Má tá do íomhá 4000x3000 agus é ar taispeáint ag 800x600, ach cliceáil sa lár beidh tú ar ais (2000, 1500) agus ní (400, 300).

An oibríonn an roghnóir le híomhánna trédhearcacha?

Tá. Má chliceálann tú ar phicteilín trédhearcach, aisghabhann tú an dath RGB atá stóráilte ann (go minic bán nó dubh ag brath ar an bhfoilsitheoir bunaidh). Trédhearcacht féin (cainéal alfa) nach bhfuil ar ais sa toradh; Chun anailís a dhéanamh ar chainéal alfa, oscail an íomhá i a eagarthóir grafach.

Cén méid íomhá a nglactar leis?

Suas go dtí 20 MB, PNG, JPG, formáidí GIF, BMP agus WebP. Taispeántar íomhánna an-mhór ag 1500 picteilín ar leithead uasta chun fanacht compordach ar an scáileán, ach fanann an dath a léitear mar atá ag an picteilín bunaidh, gan athshampláil.

An bhfuil m'íomhánna stóráilte ar an bhfreastalaí?

Déantar an rogha i do bhrabhsálaí. Nuair a chuirtear isteach é, déantar an comhad a phróiseáil ar an eitilt chun dath an picteilín iarrtha a dhearbhú, ansin scriostar an comhad sealadach. Ní dhéantar aon íomhánna a stóráil, a innéacsú nó a roinnt.

Cad a tharlóidh má tá JavaScript díchumasaithe?

Is féidir fós foirm clasaiceach a chur isteach. Déantar na comhordanáidí x agus y a bhainistiú ag réimsí i bhfolach a líonann JavaScript ar cliceáil. Gan JavaScript, fanann na réimsí seo folamh agus tá an tuairisceoidh an fhoirm go bhfuil suíomh ar iarraidh, ach tarchuirtear an íomhá féin chuig an freastalaí le haghaidh próiseála.

Sampla iarratais

curl -X POST https://cdrn.fr/api/v1/tools/color-picker/execute \
  -F "image=@/path/to/file" \
  -F "x=..." \
  -F "y=..."

Scéimre ionchuir

Réimse Cineál Riachtanach Réamhshocrú
image file
x string
y string

bíonn comhad ag teastáil ón uirlis seo - úsáid Content-Type multipart/form-data in ionad application/json

Críochphointí

  • GET https://cdrn.fr/api/v1/tools - liostaíonn na huirlisí go léir atá ar fáil
  • GET https://cdrn.fr/api/v1/tools/color-picker - faigh scéimre na huirlise seo
  • POST https://cdrn.fr/api/v1/tools/color-picker/execute - rith an uirlis seo le pálasta JSON