⭐ 0
🔍
Text Bild PDF och dokument Ljud Musik Elektronik Tid Verktyg Validatorer Esoterik Spel

HEX till HSL Converter

Konvertera valfri färg mellan HEX-, RGB-, HSL- och CMYK-notation med en liveförhandsgranskning - direkt i din webbläsare.

Bearbetar... 0%
Analys av färgvärde
Konvertera färgrymder
Förhandsvisning av rendering
Klart

Resultat

Den här sidan öppnar färgomvandlaren med HEX förvald — klistra in en kod som #3b82f6 och kör den för att läsa samma färg som hsl (nyans, mättnad, ljushet).

HSL beskriver en färg efter nyans (0–360°), mättnad och ljushet, vilket gör den till den mest människovänliga CSS-notationen: gör en knapp mörkare genom att sänka ljusstyrkan eller bygg en palett genom att bara ändra nyansen – redigeringar HEX-siffror kan inte uttryckas läsbart.

Den fullständiga omvandlaren accepterar HEX-, RGB- eller HSL-ingång och returnerar alla fyra notationerna samtidigt, med en inbyggd färgväljare och en live-swatch — allt händer i din webbläsare, så färgvärden lämnar aldrig din enhet.

🛡️
Körs i webbläsare

Dina filer och indata lämnar aldrig den här enheten. Bearbetningen körs helt offline. 100 % säker.

Godkända format och regler

  • Konverterar mellan HEX, RGB, HSL och CMYK färgmodeller.
  • Inbyggd färgväljare som fyller värdefältet i det valda formatet.
  • Liveförhandsgranskningsprov plus ett klickskopia av alla fyra notationerna.

Viktiga fördelar

✓ En ingång, varje notation: skriv en färg en gång och läs tillbaka den som HEX, RGB, HSL och CMYK samtidigt.
✓ Förlåtande parser: accepterar #fff, #3b82f6, rgb(255, 0, 0), bara "255, 0, 0" trillingar och hsl(120, 50%, 50%) likadana.
✓ Körs helt i din webbläsare - färgvärden laddas aldrig upp någonstans.

Användningsfall

  • • Vänd #rrggbb-koden från en varumärkesbok till rgb()- eller hsl()-notation innan du kopplar svävar och inaktiverade tillstånd i CSS.
  • • Konvertera en RGB-färg på skärmen till CMYK-procent för att kontrollera hur den kommer att separeras innan du skickar visitkort eller flygblad för utskrift.
  • • Droppa en färg med den inbyggda väljaren och kopiera alla fyra notationerna samtidigt för en design-till-kod-handoff.