Hex-kleuren gebruiken voor uw HTML5- en CSS3-webpagina's - dummies

Kleuren in HTML5 zijn iets vreemds. De "makkelijke" manier (kleurnamen) blijkt veel problemen te hebben. De methode die de meeste webontwikkelaars gebruiken klinkt veel moeilijker, maar het is niet zo erg als het in eerste instantie lijkt. Het hex-kleuren -schema gebruikt een ogenschijnlijk bizarre combinatie van cijfers en letters om de kleurwaarden te bepalen. is aqua. is geel. Het is een schema dat alleen een computerwetenschapper leuk zou kunnen vinden.

Hex-kleuren werken door exact te beschrijven wat de computer aan het doen is, dus u moet iets meer weten over hoe computers met kleur werken. Elke punt (of pixel ) op het scherm bestaat eigenlijk uit drie kleine lichtstralen. Elke pixel heeft kleine rode, groene en blauwe balken.

De lichtstralen werken een beetje als podiumverlichting. Stel je een zwart podium voor met drie schijnwerpers (rood, groen en blauw) die op dezelfde plek zijn getraind. Als alle lichten uit zijn, is het podium helemaal donker. Als u alleen het rode lampje inschakelt, ziet u rood. U kunt combinaties inschakelen om nieuwe kleuren te krijgen.

Kleur op nummer

In een computersysteem kan elk van de kleine lampjes worden aangepast aan verschillende helderheidsniveaus. Deze waarden meten van 0 tot 255. Daarom zou je rood als en geel kunnen beschrijven als.

Het bereik van 0 tot 255 lijkt vreemd, omdat u waarschijnlijk 10 wiskundebasis gebruikt. De computer slaat waarden feitelijk op in binaire notatie. Zoals een computer het ziet, is geel eigenlijk 111111111111111100000000. Ack! Er moet een eenvoudigere manier zijn om al die binaire waarden te verwerken. Daarom gebruiken ontwikkelaars hexadecimale notatie .

Elke pagina die interactie heeft met de gebruiker heeft de neiging om een ​​programmeertaal te gebruiken. Bekijk de code gerust, maar maak je geen zorgen als je nog niet klaar bent om programmering toe te voegen aan je sites.

Hex-educatie

Al die 1s en 0s worden vervelend. Programmeurs willen graag converteren naar een ander formaat waarmee gemakkelijker kan worden gewerkt. Geloof het of niet, het is gemakkelijker om binaire getallen naar base 16 te converteren dan base 10, dus dat is wat programmeurs doen. Je kunt prima overleven zonder de base 16 (ook wel hexadecimale ) conversie te begrijpen, maar je moet enkele belangrijke functies begrijpen, zoals:

• Elk hexadecijfer is een afkorting voor vier cijfers binair getal. De reden dat programmeurs hex gebruiken is om het werken met binary te vereenvoudigen.

• Elk cijfer staat voor een waarde tussen 0 en 15. Vier cijfers van het binaire getal vertegenwoordigen een waarde tussen 0 en 15.

• We moeten enkele cijfers verzinnen. De hele reden dat hex er zo vreemd uitziet, is het opnemen van personages.Dit is om een ​​eenvoudige reden: er zijn niet genoeg numerieke cijfers om rond te gaan!

  Decimaal (basis 10)	Hex (basis 16)
  0	0
  1	1
  2	2
  3	3 > 4
  4	5
  5	6
  6	7
  7	8
  8	9
  9	10
  A	11
  B	12
  C	13
  D	14
  E	15
  F	De gewone cijfers 0-9 zijn hetzelfde in hex als in base 10, maar de waarden van 10-15 (basis tien) worden vertegenwoordigd door alfabetische tekens in hexadecimaal.

Je bent er vaak aan gewend dat de waarde 10 gelijk is aan het aantal vingers van beide handen, maar dat is niet altijd het geval als je begint te rommelen met nummeringssystemen zoals we hier doen. Het getal 10 betekent eenvoudigweg een van de huidige basis. Tot nu toe heb je misschien nog nooit een basis gebruikt maar basis tien, maar dat verandert vandaag allemaal.

Het cijfer 10 is tien in basis tien, maar in basis twee betekent 10 twee. In basis acht betekent 10 acht, en in basis zestien betekent 10 zestien. Dit is belangrijk, want als je het over het aantal cijfers in hexadecimale handen wilt hebben, kun je de vertrouwde notatie 10 niet gebruiken, want in hex 10 betekent dat zestien.

U hebt een waarde van één cijfer nodig om tien te vertegenwoordigen, zodat computerwetenschappers zich uit deze rotzooi hebben gelegaliseerd door brieven te lenen. 10 is A, 11 is B en 15 is F.

Maak je geen zorgen als al deze wiskundige theorie je duizelig maakt. Er zijn enkele snelkoppelingen voor het maken van geweldige kleuren met behulp van dit schema. Voor nu, echter, is hier wat u moet begrijpen om hex-kleuren te gebruiken:

Een kleur vereist zes cijfers van hex.

• Een pixel heeft drie kleuren nodig, en elke kleur gebruikt acht binaire tekens. Twee cijfers van de zeskant bedekken elke kleur. Twee cijfers staan ​​voor rood, twee voor groen en ten slotte twee voor blauw. Hexkleurwaarden beginnen meestal met een hekje.

• Om de browser te waarschuwen dat een waarde hexadecimaal is, wordt de waarde meestal voorafgegaan door een hekje (#). Werken met kleuren in hexagon kan heel gek en moeilijk lijken, maar het heeft enkele belangrijke voordelen:

Precisie:

• Het gebruik van dit systeem geeft u een groot aantal kleuren om mee te werken. Je kunt onmogelijk zelf zoveel kleurnamen bedenken. Nou, dat zou kunnen, maar je zou heel, heel oud zijn tegen de tijd dat je klaar was. Objectiviteit:

• Hex-waarden zijn geen kwestie van mening. Er kan een argument zijn over welke kleur gebrande sienna is, maar de hexadecimale waarde is ondubbelzinnig. Draagbaarheid:

• De meeste grafische bewerkingssoftware maakt gebruik van het hex-systeem, zodat u elke kleur van een afbeelding kunt kiezen en onmiddellijk de hexwaarde kunt krijgen. Dit zou het gemakkelijk maken om de oogkleur van uw kat voor die online schrijn te vinden. Voorspelbaarheid:

• Nadat u begrijpt hoe het werkt, kunt u elke hex-kleur nemen en deze converteren naar een waarde die een beetje donkerder is, een beetje helderder of iets meer blauw. Dit is moeilijk te doen met benoemde kleuren. Gebruiksgemak:

• Deze lijkt misschien wat uitgestrekt, maar nadat u het webveilige palet begrijpt, is het heel gemakkelijk om een ​​ruw beeld van een kleur te krijgen en vervolgens te tweaken om precies de vorm te maken die u kiest. '.