CanDoYa
NL

RGB naar HEX-omzetter

Draait volledig in je browser - niets uploaden, geen account.

RGB-kanalen

Vul hele getallen van 0 tot 255 in.

Vooraf ingestelde kleuren
Kies een kleur
6-cijferige HEX#4F46E5
HEX-paren per kanaal
4F46E5
rgb(79, 70, 229)
Deel deze tool

Hoe zet ik RGB om naar HEX?

Zet de decimale waarden voor rood, groen en blauw elk om in een paar van twee hexadecimale cijfers en voeg de drie paren samen na een #. RGB(255, 87, 51) wordt FF, 57 en 33, dus de HEX-kleur is #FF5733. Deze omzetter rekent meteen mee en kan een alfapaar voor transparantie toevoegen.

Zo werkt het

  1. 1Vul de RGB-kanalen in. Voer rood, groen en blauw in als hele getallen van 0 tot 255, of stel ze in met de gekoppelde schuifregelaars.
  2. 2Bekijk het kleurvoorbeeld. Het kleurvlak en de 6-cijferige HEX-uitkomst worden meteen bijgewerkt. Je kunt ook op het kleurvlak klikken om visueel een kleur te kiezen.
  3. 3Voeg zo nodig transparantie toe. Schakel transparantie in voor een 8-cijferige HEX-code en stel daarna een percentage van 0 tot 100 in.
  4. 4Kopieer de HEX-code. Klik op Kopiëren om de kleurcode voor CSS op je klembord te zetten.

Voor wie

RGB-kanalen gebruiken decimale waarden van 0 tot 255. HEX schrijft dezelfde drie kleurkanalen als paren in grondtal 16, van 00 tot FF. Vul waarden in, verschuif de regelaars, kies een vooraf ingestelde kleur of klik op het voorbeeld om de kleurkiezer van je browser te gebruiken. Schakel transparantie in als je de 8-cijferige vorm #RRGGBBAA nodig hebt. De omzetting gebeurt lokaal in je browser, zonder upload of account.

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

Veelgestelde vragen

Is deze RGB naar HEX-omzetter gratis?

Ja. Je gebruikt de omzetter gratis, zonder registratie, programma of omzettingslimiet. Vul RGB-kanalen in, gebruik de schuifregelaars of kies een kleur en kopieer het resultaat meteen.

Worden mijn RGB-waarden verstuurd?

Nee. RGB naar HEX omzetten is een eenvoudige berekening die volledig in je browser plaatsvindt. Je kleurwaarden worden niet geüpload of naar een externe omzetdienst gestuurd.

Welke RGB-waarden kan ik invoeren?

Vul voor elk rood, groen en blauw kanaal een heel getal van 0 tot 255 in. Nul betekent dat het kanaal afwezig is en 255 is de hoogste intensiteit. De omzetter wijst decimalen, lege velden en waarden buiten het bereik aan in plaats van ze stilzwijgend te wijzigen.

Wat is de formule voor RGB naar HEX?

Zet elk decimaal RGB-kanaal om naar grondtal 16 en vul het aan tot twee cijfers. Plaats eerst rood, dan groen en daarna blauw, met een # ervoor. Voor rgb(255, 87, 51) zijn de paren FF, 57 en 33. Samen vormen ze #FF5733.

Kunnen HEX-kleuren transparantie bevatten?

Ja. CSS ondersteunt de 8-cijferige vorm #RRGGBBAA. Het laatste paar is alfa: 00 is volledig doorzichtig en FF volledig ondoorzichtig. Schakel transparantie in om een percentage naar dat laatste paar om te zetten.

Maakt hoofdlettergebruik in HEX verschil?

Nee. CSS behandelt hoofdletters en kleine letters in HEX hetzelfde, dus #FF5733 en #ff5733 stellen dezelfde kleur voor. De omzetter gebruikt hoofdletters omdat de kanaalparen dan makkelijker te lezen zijn, maar beide vormen werken in opmaakregels en webpagina's.

Waarom wordt 50 procent transparantie 80 in HEX?

Het alfakanaal heeft 256 bytewaarden van 00 tot FF. De helft van 255 is 127,5 en dat rondt af naar 128. Decimaal 128 is hexadecimaal 80, dus 50 procent voegt het paar 80 aan het einde toe.