Konvertér RGB til HSL
Konvertér værdier for rød, grøn og blå til farvetone, mætning og lyshed, så farver er nemmere at justere i CSS.
rgb-værdi
Resultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Sådan gør du: RGB til HSL
- 1
Indtast en farve
Skriv en farvekode, eller vælg en farve med farvevælgeren — hvert felt accepterer det format, det viser.
- 2
Se konverteringen
Resultatet opdateres med det samme, mens du skriver, sammen med et live-eksempel på farven.
- 3
Kopiér koden
Kopiér den værdi, du har brug for, med ét klik, og indsæt den i dit design, din CSS eller dine udskriftsindstillinger.
RGB og HSL
RGB bygger en farve op af tre lyskanaler, hvilket passer til skærme, men er svært at justere i hånden: skal rgb(255, 61, 114) være lidt mørkere, må du ændre alle tre tal. HSL beskriver den samme farve som farvetone, en vinkel på farvehjulet fra 0 til 360°, plus mætning og lyshed i procent, så den lyserøde farve bliver til hsl(344, 100%, 62%).
Denne opbygning gør HSL ideelt til at lave nuancer og temaer. Behold farvetone og mætning, og sænk lysheden for at få en hover- eller trykket tilstand, hæv den til en tonet baggrund, eller sænk mætningen for en mere afdæmpet version. Alle moderne browsere accepterer hsl() i CSS, så du kan indsætte resultatet direkte. Konverteren afrunder værdierne til hele tal, så en konvertering tilbage kan flytte en kanal ét trin.
Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.