Slik bruker du Hex-farger for HTML5- og CSS3-baserte websider - dummies

Farger i HTML5 er en merkelig ting. Den "enkle" måten (farge navn) viser seg å ha mange problemer. Metoden de fleste webutviklere virkelig bruker lyder mye vanskeligere, men det er ikke så ille som det kan virke først. Ordningen hex farge bruker en tilsynelatende bisarre kombinasjon av tall og bokstaver for å bestemme fargeværdier. er aqua. er gul. Det er en ordning bare en datavitenskapsmann kunne elske.

Hex-farger fungerer ved å beskrive nøyaktig hva datamaskinen gjør, så du må vite litt mer om hvordan datamaskiner fungerer med farge. Hver prikk (eller piksel ) på skjermen er faktisk sammensatt av tre små lysstråler. Hver piksel har små røde, grønne og blå bjelker.

Lysstrålene fungerer som scenelys. Tenk deg en svart scene med tre spotlights (rød, grønn og blå) trent på samme sted. Hvis alle lysene er av, er scenen helt mørkt. Hvis du bare slår på rødt lys, ser du rødt. Du kan slå på kombinasjoner for å få nye farger.

Farge etter nummer

I et datasystem kan hvert av de små lysene justeres til forskjellige lysstyrkenivåer. Disse verdiene måler fra 0 til 255. Derfor kan du beskrive rødt som og gul som.

Verdifallet 0 til 255 virker rart fordi du sannsynligvis pleide å basere 10 matematikk. Datamaskinen lagrer faktisk verdier i binær notasjon. Slik en datamaskin ser den, gul er faktisk 111111111111111100000000. Ack! Det må være en enklere måte å håndtere alle de binære verdiene på. Derfor bruker utviklere heksadesimal notering .

Enhver side som samhandler med brukeren vil pleie å bruke et programmeringsspråk. Du er velkommen til å se over koden, men ikke bekymre deg hvis du ikke er klar til å legge til programmering på nettstedene dine.

Hex utdanning

Alle de 1s og 0s blir kjedelige. Programmerer liker å konvertere til et annet format som er lettere å jobbe med. Tro det eller ei, det er lettere å konvertere binære tall til base 16 enn base 10, så det er hva programmerere gjør. Du kan overleve helt fint uten å forstå base 16 (også kalt hexadecimal ) -konvertering, men du bør forstå noen få viktige funksjoner, for eksempel:

• Heksesifret er stenografi for fire sifre i binær. Hele grunnen programmerere bruker hex er å forenkle arbeidet med binær.

• Hvert siffer representerer en verdi mellom 0 og 15. Fire sifre i binær representerer en verdi mellom 0 og 15.

• Vi må oppfinne noen siffer. Hele grunnen til at hex ser så rart ut er inkludering av tegn.Dette er av en enkel grunn: Det er ikke nok numeriske tall for å gå rundt!

  Decimal (Base 10)	Hex (Base 16)
  0	0
  1	1
  2	2
  3	3 > 4
  4	5
  5	6
  6	7
  7	8
  8	9
  9	10
  A	11
  C	13
  D	14
  E	15
  F	De vanlige sifrene 0-9 er de samme i heks som de er i base 10, men verdiene fra 10-15 (base ti) er representert av alfabetiske tegn i heksadesimale.
  Du er veldig vant til å se verdien 10 som like mange fingre i begge hender, men det er ikke alltid tilfelle når du begynner å rote rundt med nummereringssystemer som vi gjør her. Tallet 10 betyr bare en av dagens base. Inntil nå har du kanskje aldri brukt noen base, men base ti, men alt som endrer seg i dag.	Tallet 10 er ti i basis ti, men i basis to betyr 10 to. I base åtte betyr 10 åtte, og i base seksten betyr 10 seksten. Dette er viktig fordi når du vil snakke om antall sifre på hendene i hex, kan du ikke bruke den kjente noteringen 10 fordi i hex 10 betyr seksten.

Du trenger en enkeltsifret verdi for å representere ti, slik at datavennere lovet seg ut av dette rotet ved å låne bokstaver. 10 er A, 11 er B og 15 er F.

Hvis all denne matte teorien gjør deg svimmel, ikke bekymre deg. Det er noen snarveier for å lage flotte farger ved hjelp av denne ordningen. For nå, men her er det du trenger å forstå for å bruke heksekarakterer:

En farge krever seks sifre i hex.

En piksel krever tre farger, og hver farge bruker åtte sifre i binær. To sifre i heksdeksel hver farge. To siffer representerer rød, to for grønn og endelig to for blå.

Hexfarger begynner vanligvis med et pundskilt.

• For å advare nettleseren om at en verdi vil være i heksadesimal, er verdien vanligvis forut med et pundskilt (#). Arbeid med farger i heks kan virke veldig gal og vanskelig, men det har noen viktige fordeler:

• Presisjon: Ved hjelp av dette systemet får du et stort antall farger å jobbe med. Det er ingen måte du kan komme opp med som mange farge navn på egen hånd. Vel, det kan du, men du ville være veldig, veldig gammel da du var ferdig.

Objektivitet:

• Hexverdier er ikke et spørsmål om mening. Det kan være noe argument om hvilken farge som er brent sienna, men hex-verdien er entydig. Portabilitet:

• De fleste grafiske redigeringsprogramvarene bruker heksesystemet, slik at du kan velge hvilken som helst farge på et bilde og få sin hex-verdi umiddelbart. Dette vil gjøre det enkelt å finne kattens øyenfarge for den elektroniske helligdom. Forutsigbarhet:

• Når du forstår hvordan det virker, kan du ta noen heksefarge og konvertere den til en verdi som er litt mørkere, litt lysere, eller som har litt mer blå i den. Dette er vanskelig å gjøre med navngitte farger. Brukervennlighet:

• Denne kan virke som en strekning, men etter at du forstår den nettsikre paletten, er det veldig enkelt å få en grov ide om en farge og deretter justere den for å gjøre akkurat det skjemaet du ' leter etter.