pluri.tools
🇸🇪
🇬🇧 English 🇧🇷 Português 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇮🇹 Italiano 🇯🇵 日本語 🇳🇱 Nederlands 🇵🇱 Polski 🇹🇷 Türkçe 🇸🇪 Svenska 🇳🇴 Norsk 🇩🇰 Dansk

HSL till RGB-omvandlare

HEX → RGBHEX → HSLRGB → HEXRGB → HSLHSL → HEXHSL → RGB
HSL
Indata
H
S%
L%
RGB
Resultat
R
G
B
HEX
↔ RGB till HSL-omvandlare

Vad är HSL till RGB-omvandlare

Det här verktyget omvandlar HSL-värden (nyans 0–360°, mättnad 0–100 %, ljushet 0–100 %) till RGB-värden (rött, grönt, blått, vardera 0–255). Använd det när du har en färg i HSL-format — vanligt i CSS och designsystem — och behöver RGB-motsvarigheten för JavaScript, bildbehandling eller designverktyg som kräver separata kanalvärden.

Så använder du

  1. Ange värdena för nyans (0–360), mättnad (0–100) och ljushet (0–100) i HSL-fälten.
  2. RGB- och HEX-värden uppdateras direkt.
  3. Klicka på kopiera-knappen bredvid RGB för att kopiera formatet rgb(r, g, b).
  4. Växla mellan alla 6 omvandlare med lägeslänkarna högst upp.

När du använder det

Loopar du nyansen 0–360 i JavaScript för en regnbågseffekt men fastnar när du ska skriva pixlar till en Canvas ImageData-buffert? Bufferten vill ha separata R-, G-, B-bytevärden, inte en hsl()-sträng. Omvandla varje hsl()-utdata till rgb() här så får du de enskilda kanaltalen redo att lägga direkt i arrayen.

Vanliga frågor

Vad är hsl(120, 100%, 50%) i RGB?

hsl(120, 100%, 50%) är rgb(0, 255, 0) — rent grönt. Nyans 120° är grönt på färghjulet, 100 % mättnad och 50 % ljushet ger det rena gröna.

Vad är hsl(240, 100%, 50%) i RGB?

hsl(240, 100%, 50%) är rgb(0, 0, 255) — rent blått.

Vad är hsl(60, 100%, 50%) i RGB?

hsl(60, 100%, 50%) är rgb(255, 255, 0) — rent gult.

När använder jag HSL till RGB i stället för HSL till HEX?

Använd HSL till RGB när du arbetar med API:er eller bibliotek som kräver separata numeriska kanalvärden — som Canvas ImageData, WebGL, Three.js-färgkonstruktorer eller bildbehandlingsbibliotek. Använd HSL till HEX när du behöver en CSS-sträng eller hex-kod.

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

RGB till HSL-omvandlare

Omvandla RGB-färgvärden till HSL direkt. Gratis RGB till HSL-omvandlare med live-förhandsvisning. Perfekt för CSS-teman och färgpaletter.

Bildförhållande Kalkylator

Räkna ut bildförhållandet, hitta saknad bredd eller höjd och ändra storlek på bilder och video utan att förvränga proportionerna. Gratis.

Base64-avkodare

Avkoda Base64-strängar till vanlig text direkt i din webbläsare. Stöder fullständig Unicode-utdata inklusive emojis. Gratis Base64-avkodare online.