Op zoek naar andere kleurconverters?
Hoe RGB naar HEX te converteren
Het omzetten van kleuren van RGB naar HEX is net zo eenvoudig als het omzetten van hun numerieke waarden van decimaal naar hexadecimaal getalsysteem. Om RGB-kleur (50, 168, 82) te converteren, converteren we elk getal naar een hexadecimale waarde:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
Wat is RGB
RGB staat voor rode, groene en blauwe lichttinten die kunnen worden gemengd om verschillende kleuren te creëren. Het is de standaardmethode voor het produceren van afbeeldingen voor tv-schermen, computermonitors en smartphoneschermen.
Om preciezer te zijn, RGB is een additief kleurmodel, wat betekent dat u tinten bij elkaar moet voegen om een andere kleur te creëren.
Stel je voor dat je kleuren op elkaar stapelt:
Notitie: verschillende apparaten produceren verschillende RGB-waarden. Elk apparaat gebruikt een andere kleurmengtheorie, wat betekent dat RGB-kleuren niet op alle apparaten hetzelfde zijn en dat ze kleurbeheer nodig hebben om er hetzelfde uit te zien.
Om een kleur in het RGB-kleurmodel te beschrijven, moet je aangeven hoeveel rood, groen en blauw nodig is.
Je geeft aan hoeveel rood, groen en blauw nodig is door een RGB-triplet te gebruiken (R, G, B) waarbij elk van de elementen kan variëren van nul tot een gedefinieerde maximale waarde.
Als alle elementen op nul staan (0, 0, 0) - het resultaat is een zwarte kleur.
Als alle elementen maximaal zijn (255, 255, 255) - het resultaat is een witte kleur.
Combinaties van deze nummers vormen verschillende kleuren (255, 255, 0) - het resultaat is een gele kleur
Dit staat bekend als kleuren diepte en wordt gemeten in bits.
Vanaf 2018 gebruikt bijna elk tv-, computer- en smartphonescherm 24-bits kleurdiepte, bekend als ware kleur. Het ondersteunt acht bits voor elk van de drie kleuren, of 24 bits in totaal.
Dit biedt 28 of 256 mogelijke waarden voor rood, groen en blauw:
256 x 256 x 256 = 16,777,216 totaal mogelijke kleuren in het ware kleurenpalet
Wat is hexadecimaal
Hexadecimaal beschrijft een basis-16-nummersysteem dat bestaat uit 16 symbolen. Het gebruikt cijfers van 0 tot 9 om cijfers van 0 tot 9 weer te geven en letters A tot F om de cijfers van 10 tot 15 weer te geven.
Het wordt meestal gebruikt in de informatica en wiskunde als een middel om binaire code in een door mensen leesbare vorm weer te geven.
In tegenstelling tot computers of wetenschappers, gebruiken de meesten van ons het decimale cijfersysteem. Het bestaat uit cijfers van 0 tot 9 en het is de standaardmanier om cijfers te gebruiken. We beginnen het te leren op de kleuterschool en we gebruiken het elke dag:
een auto rijdt met 10 mph
een kat weegt 4 kg
een maand bestaat uit 30 dagen
Nu we het verschil kennen tussen hexadecimaal en decimaal, laten we eens kijken hoe we van de ene naar de andere kunnen converteren.
Zoals we al weten, staan in het hexadecimale getalsysteem de cijfers van 0 tot 9 voor 0 tot 9 en de letters A tot F voor 10 tot 15 in het decimale systeem.
Hier is een uitgebreide tabel die de conversie van hexadecimale naar decimale getallen goed uitlegt:
Hoe RGB naar HEX te converteren
Om RGB naar HEX te converteren, moet u roodgroene en blauwe kleurwaarden converteren van decimaal naar hexadecimaal.
Voorbeeld #1: zet kleur rood om (255, 0, 0) naar HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Voorbeeld #2: zet kleur groen om (0, 255, 0) naar HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Voorbeeld #3: zet kleur blauw om (0, 0, 255) naar HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Voorbeeld #4: zet kleur zwart om (0, 0, 0) naar HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Voorbeeld #5: zet kleur wit om (255, 255, 255) naar HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus voorbeeld #6: zet kleur goud om (255, 215, 0) naar HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Hoe HEX naar RGB te converteren
Om HEX naar RGB te converteren, moet u de hexadecimale waarde in paren van twee splitsen en deze omzetten in een decimaal getal.
Voorbeeld #1: zet kleur rood om #FF0000 naar RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Voorbeeld #2: zet kleur groen om #00FF00 naar RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Voorbeeld #3: zet kleur blauw om #0000FF naar RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Voorbeeld #4: zet kleur zwart om #000000 naar RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Voorbeeld #5: zet kleur wit om #FFFFFF naar RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus voorbeeld #6: zet kleur goud om #FFD700 naar RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Verschil tussen RGB en Hex
Zoals we aan de bovenstaande voorbeelden kunnen zien, is het belangrijkste verschil tussen RGB en HEX dat het verschillende cijfersystemen gebruikt. RGB gebruikt decimaal en HEX gebruikt hexadecimaal.
Het omzetten van kleuren van RGB naar HEX is net zo eenvoudig als het omzetten van hun numerieke waarden van decimaal naar het hexadecimale getalsysteem.
RGB versus HEX - welke is beter
Uit onze ervaring en uit wat ons team in de loop der jaren heeft waargenomen, wordt hexadecimaal vaker gebruikt dan RGB, vooral in webontwikkeling en webdesign.
Het maakt echter niet uit welke u gebruikt, aangezien ze allebei dezelfde kleur vertegenwoordigen. De enige suggestie - blijf consistent.
Als u RGB in ons webproject begint te gebruiken, houd u daar dan aan. Als u HEX begint te gebruiken in ons hele webproject, probeer dan alleen HEX te gebruiken
