Så Använder Du
- Ange värden
Fyll i de nödvändiga fälten.
- Klicka beräkna
Tryck på beräkna-knappen för resultat.
- Se resultat
Se resultaten och dela vid behov.
Vad är färgkodsomvandling?
Färgkodsomvandling innebär att uttrycka samma färg i olika notationssystem som HEX, RGB och HSL. En skärm skapar färg genom att blanda ljusets primärfärger — rött, grönt och blått — så varje färg reduceras i slutändan till intensiteten hos tre RGB-kanaler. HEX komprimerar dessa RGB-värden till en sexsiffrig hexadecimal sträng (#RRGGBB), medan HSL ordnar om dem så som människor uppfattar färg, med hjälp av en nyansvinkel, mättnad och ljushet.
Varför omvandling spelar roll
- Skriva CSS — Ta HEX-koden från en designskiss och omvandla den till RGB, vilket gör det enklare att justera transparensen.
- Färgjustering — När du bara vill mörka en färg något låter en omvandling till HSL dig justera enbart L-värdet.
- Samarbete — Håll designerns Figma-HEX, utvecklarens RGB-variabler och tryckteamets färgreferenser i samklang.
Oavsett vilket format du anger beräknar den här omvandlaren alla övriga format på en gång och visar den verkliga färgen i en förhandsgranskning.
Omvandlingsformel
HEX → RGB delar upp det hexadecimala talet i par om två siffror och läser varje par som ett decimaltal.
R = parseInt(hex[0:2], 16); G och B beräknas på samma sätt. Exempel: #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51).
RGB → HSL normaliserar först varje kanal till intervallet 0-1 och beräknar sedan ljusheten.
L = (max + min) / 2S = delta / (2 − max − min) (när L > 0,5)
där delta = max − min. I exemplet ovan ger max=1 och min=0,2 L = 0,6 (60%), S = 0,8/0,8 = 100% och en nyansvinkel H ≈ 11°, vilket omvandlas till HSL(11°, 100%, 60%).