HEX till RGB-omvandlare

HEX
Indata
RGB
Resultat
R
G
B
HSL
H
S%
L%

Vad är HEX till RGB-omvandlare

Det här verktyget omvandlar HEX-färgkoder (som #3B82F6) till RGB-värden (som rgb(59, 130, 246)). HEX är formatet som används i HTML och CSS, medan RGB är vanligt i designverktyg, JavaScript canvas-API:er och bildredigerare. Omvandlaren visar även HSL-värden så att du kan arbeta med alla tre färgformaten samtidigt.

Så använder du

  1. Skriv eller klistra in en HEX-färgkod i HEX-fältet (med eller utan #-tecknet).
  2. RGB- och HSL-värden uppdateras direkt medan du skriver.
  3. Klicka på kopiera-knappen bredvid valfritt format för att kopiera det.
  4. Växla mellan omvandlingslägen med länkarna högst upp.

När du använder det

Har du en varumärkesfärg i HEX (#E63946) från Figma men behöver den i RGB för att lägga till genomskinlighet i CSS? Klistra in koden så får du direkt rgb(230, 57, 70), redo att lägga in i din stilmall som rgba(230, 57, 70, 0.8).

Vanliga frågor

Vad är #000000 i RGB?

Svart (#000000) är rgb(0, 0, 0). Alla tre kanaler är noll, vilket betyder inget rött, grönt eller blått ljus.

Kan jag omvandla 3-siffriga HEX-koder som #F00?

Ja. Omvandlaren godtar både 3-siffrigt (#RGB) och 6-siffrigt (#RRGGBB) format. #F00 expanderas till #FF0000 = rgb(255, 0, 0).

Vad är skillnaden mellan HEX och RGB?

De beskriver samma färger på olika sätt. HEX använder en sträng med 6 hexadecimala tecken (0–9, A–F) medan RGB använder tre decimaltal från 0 till 255. #FF0000 och rgb(255, 0, 0) är båda rent rött.

Vad är #FFFFFF i RGB?

Vitt (#FFFFFF) är rgb(255, 255, 255). Alla tre kanaler ligger på maximal intensitet.

Kan jag dela verktyget med mina värden ifyllda?

Ja. Webbadressen uppdateras automatiskt medan du skriver. Kopiera den från adressfältet eller använd Dela-knappen — den som öppnar länken ser exakt dina värden redo att användas.

Relaterade verktyg