X'inhi din il-paġna?
Din il-paġna hija għodda onlajn li tippermettilek tagħżel kwalunkwe pixel minn immaġni u tikseb il-kulur tiegħu fil-format HEX (flimkien ma' RGB u HSL). Tista' ttella' immaġni mill-apparat tiegħek — f'format bħal PNG, JPG, WebP, GIF, AVIF jew HEIC — u mbagħad timxi bil-mouse fuqha jew tikklikkja biex tidentifika l-pixel eżatt li trid. Għall-preċiżjoni massima, tidher lenti ta' tkabbir, u kull kulur li tikklikkja fuqu jiżdied ma' storja ta' sa 12-il kulur salvati. Il-kulur ewlieni muri huwa l-hex code (sitt ċifri, pereżempju #1E90FF), il-format standard għal CSS u ħafna programmi ta' disinn.
X'jagħmilha differenti
Hemm paġni oħra simili fuq dan is-sit li juru l-kuluri fil-format RGB funzjonali (bħal rgb(30, 144, 255)) jew HSL (hsl(210, 100%, 56%)). Din il-paġna minflok tagħti l-hex code bħala l-output primarju. Għaliex dan huwa importanti? Għax hex huwa l-iktar format kompatt u użat fil-web. Meta tikteb background-color: #1E90FF f'CSS, ma għandekx bżonn parentesi jew sintassi addizzjonali — sempliċiment punti u virgola.
Barra minn hekk, is-sitt ċifri tal-hex ma jinkludu l-ebda kanal alfa. Dan ifisser li l-għodda ma tista' qatt tinkorpora t-trasparenza ġewwa l-hex code. Minflok, jekk pixel ikun semi-trasparenti, l-għodda turi l-alfa tiegħu bħala persentaġġ separat: "Alpha 45% — dan il-pixel huwa parzjalment trasparenti." Din id-dikjarazzjoni ċara tevita konfużjoni, għax f'ħafna għodod oħra l-esportazzjoni ta' kulur semi-trasparenti tista' tagħti riżultat mhux mistenni (bħal hex b'8 ċifri li mhux standard universali). Din il-paġna żżomm mal-konvenzjoni CSS ta' 6 ċifri, u tittratta t-trasparenza b'mod separat u onest.
Il-paġna hija l-aħjar għażla meta jkollok bżonn valur ta' kulur li tista' tpoġġi direttament fi proprjetà CSS — color, background-color, border-color — mingħajr ma żżid funzjonijiet bħal rgb() jew hsl(). Għal disinjaturi u żviluppaturi li jaħdmu b'CSS pur, dan jiffranka pass.
Kif taħdem l-għodda
Formati ta' immaġni aċċettati
Għandek bżonn immaġni waħda biss. Il-paġna taċċetta l-formati li ġejjin:
| Format | MIME type tipiku |
|---|---|
| PNG | image/png |
| JPG | image/jpeg |
| WebP | image/webp |
| GIF | image/gif |
| AVIF | image/avif |
| HEIC / HEIF | image/heic, image/heif |
Meta ttella' immaġni, jekk l-iktar naħa twila taqbeż 4096 pixel, l-immaġni tiġi skalata 'l isfel awtomatikament. Dan isir biex il-prestazzjoni tibqa' tajba u l-għodda ma tiġġarrfax.
Outputs immedjati
Hekk kif l-immaġni titgħabba, l-għodda turi immedjatament:
- L-immaġni lesta — "L-immaġni lesta — mexxi l-pointer fuqha biex tikkampjuna, ikklikkja biex issalva."
- Id-dimensjonijiet (wisa' × għoli).
- Il-koordinati (x, y) tal-pixel fiċ-ċentru.
- HEX il-kulur ta' dak il-pixel fiċ-ċentru.
- RGB u HSL għall-istess pixel.
Jekk il-pixel ikun semi-trasparenti, it-test "Alpha 45% — dan il-pixel huwa parzjalment trasparenti." jidher taħt il-valuri.
Kampjunar bil-mouse u bit-tastiera
Meta timxi bil-pointer fuq l-immaġni, il-valuri tal-kulur u l-koordinati jibdlu istantanjament. Għal aktar preċiżjoni, tista' tuża l-vleġeġ fuq it-tastiera biex iċċaqlaq crosshair pixel b'pixel. Jekk iżżomm Shift waqt li tagħfas vleġġa, il-crosshair jiċċaqlaq b'10 pixels kull darba. Dan huwa utli ħafna għal żoni fejn bidliet żgħar fil-pożizzjoni jistgħu jbiddlu l-kulur minħabba anti-aliasing jew kompressjoni.
Meta ssib il-kulur mixtieq, tista':
- Tikklikkja bil-mouse fuq il-pixel — il-kulur jiżdied mal-istorja u l-messaġġ "Salvajt
#1E90FFfil-picks tiegħek" jidher. - Tagħfas Enter jew Space — l-istess effett.
Kopja tal-valur
Tista' tikklikkja fuq kwalunkwe valur muri — HEX, RGB jew HSL — u dan jiġi kkupjat mal-clipboard. Jekk il-browser jimblokka l-aċċess għall-clipboard, tintwera l-messaġġ: "Ma stajtx nikkopja — il-browser tiegħek imblokka l-aċċess għall-clipboard."
L-istorja tal-kuluri u l-appoġġ għat-trasparenza
Kuluri salvati (sa 12)
Kull darba li tikklikkja jew tagħfas Enter, il-kulur jiżdied ma' lista ta' "picks". Il-lista tista' żżomm sa 12-il kulur. Jekk tilgħab b'immaġni b'ħafna kuluri, din il-lista tippermettilek iżżomm referenza ta' dawk importanti. Meta tikklikkja fuq swatch fl-istorja, il-kulur jerġa' jintgħażel u l-valuri HEX, RGB u HSL tiegħu jerġgħu jidhru fl-output prinċipali.
Trasparenza u entrati separati
Minħabba li l-hex ma jesprimix alfa, din l-għodda tittratta l-kuluri b'alfa differenti bħala entrati separati. Jekk pixel ikollu l-istess valuri RGB iżda alfa ta' 50% u ieħor ikollu alfa ta' 75%, dawn jidhru bħala żewġ entrati differenti fl-istorja. Dan huwa importanti għax f'ħafna sitwazzjonijiet (bħal overlays CSS b'opacity) id-distinzjoni bejn semi-trasparenza differenti hija essenzjali.
X'għandek toqgħod attent għalih
Kompressjoni u anti-aliasing
Jekk l-immaġni tiegħek hi JPEG jew screenshot, il-kompressjoni u l-anti-aliasing setgħu biddlu l-valuri eżatti tal-pixel. Pereżempju, f'żona li tidher ħadra solida, pixels ġirien jista' jkollom valuri kemmxejn differenti (eż. #3CB043 u #3DB144). Biex tiżgura li qed tieħu l-kulur li verament trid, uża l-lenti ta' tkabbir u l-vleġeġ biex tagħżel pixel wieħed b'mod preċiż.
Pixel semi-trasparenti
Meta pixel ikun semi-trasparenti, l-għodda taqra eżattament il-valur maħżun fl-immaġni — ma tippruvax tikkalkula x'jista' jidher warajh. Jekk l-immaġni fiha saffi b'alfa, il-kulur li jkollok huwa l-valur alfa-premultiplied (jekk l-immaġni tuża dan it-tip) jew sempliċiment il-kulur b'alfa baxx. Dan ifisser li jekk tipprova tuża dan il-kulur fuq sfond abjad, ir-riżultat viżiv jista' jkun differenti. Għalhekk l-għodda turi b'mod ċar "Alpha 30% — dan il-pixel huwa parzjalment trasparenti."
Fajls mhux appoġġjati
Jekk tipprova ttella' fajl b'format mhux appoġġjat (bħal BMP, TIFF jew SVG), l-għodda turi l-messaġġ: "Dak it-tip ta' fajl mhux appoġġjat. Ipprova PNG, JPG, WebP, GIF, AVIF jew HEIC."
Jekk l-immaġni tkun korrotta jew ma tistax tinfetaħ għal raġuni oħra: "Dik l-immaġni ma setgħetx tinfetaħ. Jista' jkun korrotta jew f'format mhux appoġġjat."
Ibbuttuna "Erġa' ibda"
Il-buttuna "Erġa' ibda" tnaddaf l-immaġni, tbattal l-istorja tal-kuluri, u tirrisettja l-għodda għall-istat inizjali. Ideali jekk trid tibda b'immaġni ġdida minn tal-ewwel.
Min għandu bżonn din l-għodda
- Disinjaturi — biex jesprimu kuluri eżatti minn immaġini ta' referenza għal disinn ta' UI jew branding.
- Żviluppaturi — li jeħtieġu valuri hex eżatti għal CSS biex jaqblu ma' mockup jew element ta' ditta.
- Kreaturi tal-kontenut — li jkampjunaw kuluri minn immaġini għal thumbnails, logos, jew grafika tal-midja soċjali.
- Kull min irid jikkopja hex code minn immaġni — pereżempju biex jaqbel ma' kulur eżistenti f'ritratt jew screenshot.
Mistoqsijiet Frekwenti
1. Xi jfisser li l-pixel huwa "semi-trasparenti"?
Ifisser li l-pixel għandu valur alfa bejn 1% u 99%. L-immaġni f'PNG tista' ġġorr dan il-valur. L-għodda turi l-alfa bħala persentaġġ, għax il-hex code (sitt ċifri) ma jistax jinkludi t-trasparenza. Jekk il-pixel ikun kompletament trasparenti (alfa 0%), il-kulur tiegħu ma jkunx viżibbli, imma xorta jista' jkun hemm valur RGB maħżun.
2. Għalfejn il-kuluri fl-istorja huma differenti minn dawk li nara fl-immaġni?
Jekk l-immaġni għandha kompressjoni (bħal JPEG), il-pixels jistgħu jvarjaw sew. L-għodda taqra l-valur eżatt ta' kull pixel. Jekk taħseb li żona solida għandha kulur wieħed, ipprova ċċaqlaq il-crosshair b'pixel wieħed — tista' tiskopri differenzi.
3. Nista' nsalva aktar minn 12-il kulur?
Le, l-istorja tillimita għal 12-il entrata. Jekk għandek bżonn aktar, tista' tikkopja l-valuri qabel ma tilgħab b'immaġni oħra, jew tuża l-għodda darbtejn.
4. Il-hex code ta' 3 ċifri (bħal #1E0) huwa appoġġjat?
Il-paġna turi sitt ċifri għal kull kulur (eż. #11EE00). Madankollu, fil-prattika tista' tuża l-hex ta' 3 ċifri f'CSS jekk il-kulur jikkonsisti f'pari identiċi (eż. #1E0 huwa ekwivalenti għal #11EE00). Imma l-output tal-għodda dejjem ikun ta' 6 ċifri biex tkun ċar.
5. X'jiġri jekk inbiddel id-daqs tat-tieqa waqt li qed nuża l-għodda?
Il-crosshair u s-sampling jibqgħu jaħdmu normalment. L-immaġni tista' tiġi skalata viżwalment, imma l-koordinati huma dejjem relattivi għad-dimensjonijiet oriġinali tal-immaġni (wara l-iskalar jekk din taqbeż 4096 pixel).
6. Għalfejn xi kultant ma nistax nikkopja l-valur?
Xi browsers jimblokkaw l-aċċess għall-clipboard jekk il-paġna ma tkunx fuq HTTPS jew jekk l-utent ma jkunx interaġixxa mal-paġna (eż. klikk jew ċaqliq). Jekk tara l-messaġġ ta' żball, ipprova kklikkja l-valur manwalment b'mawża. Inkella, iċċekkja s-settings tal-privatezza tal-browser tiegħek.