Any-Tools.net
Gratis omvandlare

HSL till HEX-omvandlare

Konvertera HSL-färgvärden till HEX-färgkoder direkt – gratis färgkonverterare i realtid.

Nyans
Mättnad (%)
Lätthet (%)

HEX-utgång

#368CE2
R:54
G:140
B:226

Kopiera format

#HEX-format#368CE2
hsl()-formathsl(210°, 75%, 55%)
rgb()-formatrgb(54, 140, 226)

Relaterade verktyg

Visa alla verktyg

HEX till RGB-konverterare

Konvertera HEX-färgkoder till RGB-värden direkt - gratis färgkonverterare i realtid.

RGB till HEX-omvandlare

Konvertera RGB-färgvärden till HEX-färgkoder direkt - gratis färgkonverterare i realtid.

PDF till PNG Omvandlare

Förvandla dina PDF-dokument till högupplösta PNG-bilder direkt. Säkert, snabbt och helt gratis.

PNG till PDF Omvandlare

Konvertera flera bilder till ett PDF-dokument direkt. Säkert, snabbt och helt gratis.

Om detta verktyg

Konvertera HSL (Hue, Saturation, Lightness) färgvärden till hexadecimala koder. HSL är en intuitiv färgmodell där Nyans är färgvinkeln (0-360°), Mättnad är färgintensiteten (0-100%) och Ljusstyrkan styr hur ljus eller mörk färgen är (0-100%). Användbar för designers som arbetar i HSL och behöver hex-koder för CSS.

Så här använder du det

  1. Ange Hue-värdet (0-360 grader på färghjulet).
  2. Ställ in mättnad (0-100%) och ljushet (0-100%).
  3. Hexkoden beräknas och visas i realtid.
  4. Kopiera hex-koden för användning i ditt CSS- eller designverktyg.

Vanliga frågor

Varför använda HSL istället för hex eller RGB?
HSL är mer intuitivt för människor. Vill du ha en mörkare nyans? Minska lättheten. Vill du ha en dämpad version? Minska mättnaden. Dessa relationer är inte uppenbara i hex eller RGB där du skulle behöva justera alla tre kanalerna.
Vad betyder en nyans på 0 vs 360?
Både 0° och 360° är röda — färgtonshjulet sveper sig runt. Huvudnyanser: 0° = röd, 60° = gul, 120° = grön, 180° = cyan, 240° = blå, 300° = magenta.
Vad händer vid 0% och 100% mättnad?
Vid 0% mättnad blir vilken nyans som helst en nyans av grått (bestäms av enbart ljushet). Vid 100 % mättnad får du den renaste, mest levande versionen av den nyansen.
Hur fungerar lätthet?
0% ljushet är alltid svart oavsett nyans/mättnad. 100% är alltid vitt. 50 % ger den rena, mest livfulla versionen av färgen. Values between 0-50% are darker shades, 50-100% are lighter tints.

Related Articles

File Formats

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Learn the differences between popular image formats, when to use each one, and how to convert between them for optimal quality and file size.

8 min readFile Formats

The Complete Guide to PDF Conversion: Methods, Tools, and Best Practices

Everything you need to know about converting PDFs to other formats and vice versa. Covers PDF to Word, Excel, PNG, and more.

10 min readFile Formats

Document Formats Explained: Word, PDF, TXT, and When to Use Each

Understand the differences between document formats like DOCX, PDF, TXT, RTF, and ODT. Learn which format to use for different purposes and how to convert between them.

8 min readFile Formats

Audio and Video Formats Explained: MP3, MP4, WAV, WebM, and Beyond

Understand the differences between audio and video formats, codecs, containers, and how to choose the right format for your needs.

9 min readPrivacy & Security

How to Convert Files Online Safely: Privacy and Security Guide

Understand the risks of online file conversion and learn how browser-based tools keep your data private. A guide to safe file handling.

7 min readPrivacy & Technology

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk

Discover why browser-based tools are replacing desktop software and cloud uploads. Learn how client-side processing keeps your files private while delivering powerful functionality.

7 min read