Omvandlaren accepterar alla CSS-hexformer: 6-siffrig #ff5733, den korta 3-siffriga formen #f53, samt 4- och 8-siffriga former med alfakanal, med eller utan #. Du får rgb()- eller rgba()-strängen, de rena kanalvärdena och en uppdelning per kanal - och en rad för att gå åt andra hållet, från RGB till hex. Allt körs i din webbläsare - ingen uppladdning, inget konto, ingen gräns.
Hex till RGB-omvandlare
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
CSS
rgb(255, 87, 51)RGB-värden
255, 87, 51Hur det omvandlas
Rött
FF255Grönt
5787Blått
3351Åt andra hållet? RGB till hex
#ff5733Hur omvandlar jag hex till RGB?
En hexfärg består av tre par hexadecimala siffror, ett par per kanal. Omvandla varje par till ett decimaltal från 0 till 255: i #ff5733 är ff 255 rött, 57 är 87 grönt och 33 är 51 blått, så RGB-värdet blir rgb(255, 87, 51). Omvandlaren gör det direkt medan du skriver.
Så använder du verktyget
- 1Ange en hexkod. Skriv eller klistra in en hexfärg som #ff5733 (eller #f53), eller välj en med färgrutan. #-tecknet är valfritt.
- 2Läs av RGB-värdet. rgb()-strängen, de rena 0-255-värdena och en direktförhandsvisning av färgen uppdateras medan du skriver, med en uppdelning per kanal som visar hur varje hexpar omvandlas.
- 3Kopiera formatet du behöver. Klicka på Kopiera bredvid rgb()-strängen eller de rena värdena. Behöver du gå åt andra hållet? Ange rött, grönt och blått nedan för att få tillbaka hexkoden.
Vem passar det för
- Frontend-utvecklare som omvandlar en hexkod från en stilguide till rgb() för att kunna lägga till genomskinlighet med rgba().
- Designers som flyttar varumärkesfärger mellan verktyg som vill ha hex (CSS, Figma) och verktyg som vill ha 0-255-värden (vissa tryck- och videoprogram).
- E-post- och marknadsföringsteam som matchar kampanjfärger mellan redigerare som bara accepterar en notation.
- Spel- och apputvecklare som matar in 0-255-kanalvärden i motorer och SDK:er som inte tolkar hexsträngar.
Vanliga frågor
Är den här hex till RGB-omvandlaren gratis?
Ja - den är 100% gratis, utan registrering och utan gräns. Allt körs i din webbläsare.
Laddas mina färger upp någonstans?
Nej. Omvandlingen är vanlig JavaScript som körs på din enhet - ingenting skickas till en server, och verktyget fortsätter fungera offline när sidan har laddats.
Vad är formeln för att omvandla hex till RGB?
Dela upp hexkoden i tre par och omvandla varje par från bas 16 till decimal: multiplicera första siffran med 16 och addera den andra (a=10 ... f=15). I #ff5733 är ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Stödjer den den korta formen som #f53?
Ja. I CSS-förkortning fördubblas varje siffra, så #f53 blir #ff5533 och omvandlas till rgb(255, 85, 51). 4-siffriga formen fungerar likadant, med sista siffran som alfa.
Hur omvandlar den hex till RGBA?
En 8-siffrig hexkod har alfa i sitt sista par. Den byten (0-255) delas med 255 för att få det 0-1-alfa som rgba() vill ha, avrundat till tre decimaler - så #ff573380 blir rgba(255, 87, 51, 0.502).
Kan den omvandla RGB tillbaka till hex?
Ja. Använd raden RGB till hex under resultatet: ange rött, grönt och blått med värden från 0 till 255 så får du hexkoden direkt. Värden utanför intervallet begränsas till 0-255.
Varför behöver jag rgb() istället för hex?
Mest för alfa och för beräkningar: rgba(255, 87, 51, 0.5) gör en färg genomskinlig, och många API:er, spelmotorer och designspecifikationer förväntar sig separata 0-255-kanalvärden istället för en hexsträng.