Konverteren godtar alle CSS hex-former: 6-sifret #ff5733, 3-sifret forkortelse #f53, og 4- og 8-sifrede former med alfakanal, med eller uten #. Den viser rgb()- eller rgba()-strengen, de rene kanalverdiene og en oppdeling per kanal - pluss en RGB til HEX-rad for motsatt retning. Alt kjører i nettleseren din - ingen opplasting, ingen konto, ingen grenser.
HEX til RGB-konverter
Kjører helt i nettleseren - ingen opplasting, ingen registrering.
CSS
rgb(255, 87, 51)RGB-verdier
255, 87, 51Slik konverteres det
Rødt
FF255Grønt
5787Blått
3351Vil du gå motsatt vei? RGB til HEX
#ff5733Hvordan konverterer jeg HEX til RGB?
En hex-farge er tre par med heksadesimale sifre, ett par per kanal. Hvert par regnes om til et desimaltall fra 0 til 255: i #ff5733 er ff 255 rødt, 57 er 87 grønt og 33 er 51 blått, så RGB-verdien blir rgb(255, 87, 51). Denne konverteren gjør det momentant mens du skriver.
Slik bruker du verktøyet
- 1Skriv inn en hex-kode. Skriv eller lim inn en hex-farge som #ff5733 (eller #f53), eller velg en med fargevelgeren. # er valgfri.
- 2Les av RGB-verdien. rgb()-strengen, de rene 0-255-verdiene og en live fargeforhåndsvisning oppdateres mens du skriver, sammen med en oppdeling per kanal som viser hvordan hvert hex-par regnes om.
- 3Kopier formatet du trenger. Klikk Kopier ved siden av rgb()-strengen eller råverdiene. Trenger du motsatt vei? Skriv inn rødt, grønt og blått under for å få hex-koden tilbake.
Hvem passer det for
- Front-end-utviklere som gjør om en hex-kode fra en style guide til rgb(), for å legge til gjennomsiktighet med rgba().
- Designere som flytter merkefarger mellom verktøy som vil ha hex (CSS, Figma) og verktøy som vil ha 0-255-verdier (enkelte trykk- og videoapper).
- E-post- og markedsføringsteam som samkjører kampanjefarger mellom redigeringsverktøy som bare godtar én notasjon.
- Spill- og apputviklere som mater 0-255-kanalverdier inn i motorer og SDK-er som ikke tolker hex-strenger.
Vanlige spørsmål
Er denne HEX til RGB-konverteren gratis?
Ja - den er 100 % gratis uten registrering og ingen grenser. Den kjører helt i nettleseren din.
Blir fargene mine lastet opp noe sted?
Nei. Konverteringen er ren JavaScript som kjører på enheten din - ingenting sendes til en server, og den fortsetter å virke offline når siden er lastet.
Hva er formelen for å konvertere HEX til RGB?
Del hex-koden i tre par og regn om hvert par fra base 16 til desimal: multipliser det første sifferet med 16 og legg til det andre (a=10 ... f=15). I #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Støtter den 3-sifret forkortelse som #f53?
Ja. I CSS-forkortelsen dobles hvert siffer, så #f53 utvides til #ff5533 og konverteres til rgb(255, 85, 51). 4-sifret form fungerer på samme måte, med siste siffer som alfa.
Hvordan konverterer den HEX til RGBA?
En 8-sifret hex-kode har alfa i det siste paret. Den byten (0-255) deles på 255 for å få 0-1-alfaen rgba() forventer, avrundet til tre desimaler - så #ff573380 blir rgba(255, 87, 51, 0.502).
Kan den konvertere RGB tilbake til HEX?
Ja. Bruk RGB til HEX-raden under resultatet: skriv inn rødt, grønt og blått fra 0 til 255, så får du hex-koden momentant. Verdier utenfor området avkortes til 0-255.
Hvorfor trenger jeg rgb() i stedet for hex?
Hovedsakelig for alfa og for beregninger: rgba(255, 87, 51, 0.5) gjør en farge gjennomsiktig, og mange API-er, spillmotorer og designspesifikasjoner forventer separate 0-255-kanaltall i stedet for en hex-streng.