Farvekonverter
Vælg en farve eller indsæt en HEX-værdi for at se dens RGB- og HSL-modstykker med det samme.
Om farvekonverteren
Designere og udviklere beskriver den samme farve i flere notationer, og dette værktøj holder dem synkroniseret. Vælg en farve fra den visuelle vælger eller indsæt en værdi, og den viser det tilsvarende HEX (som #3498db), RGB (rød, grøn og blå fra 0 til 255) og HSL (farvetone, mætning og lyshed) på én gang.
Sådan bruger du det
- Træk i farvevælgeren eller indsæt en HEX-, RGB- eller HSL-værdi.
- Læs alle formater opdateret samtidigt i realtid.
- Kopier den notation, dit stylesheet eller designværktøj forventer.
HEX og RGB beskriver det samme punkt i sRGB-farverummet, blot skrevet forskelligt, mens HSL udtrykker det på en måde, der gør det intuitivt at justere nuancer - skub på lysheden for en lys nuance, på mætningen for en mere afdæmpet tone. Et almindeligt arbejdsforløb er at hente en HEX fra en brandguide og konvertere den til HSL for at bygge en palet. Al konvertering kører i din browser, så intet uploades.
Ofte stillede spørgsmål
Hvad er forskellen på HEX, RGB og HSL?
HEX og RGB definerer begge en farve ved dens røde, grønne og blå komponenter i sRGB-rummet, blot skrevet som hexcifre eller tal fra 0-255. HSL beskriver den samme farve som farvetone, mætning og lyshed, hvilket er lettere til at justere lyse og mørke nuancer.
Kan jeg indsætte en værdi i ethvert format?
Ja. Du kan indtaste en HEX-kode, en RGB-triplet eller en HSL-værdi, og konverteren udfylder automatisk de øvrige notationer.
Understøtter konverteren alfa eller gennemsigtighed?
Den fokuserer på de uigennemsigtige HEX-, RGB- og HSL-værdier. Til gennemsigtighed ville du tilføje en alfakanal separat, såsom en rgba()-værdi eller en 8-cifret HEX.
Bliver mine farveværdier sendt til en server?
Nej. Konverteringen sker helt i din browser, så intet, du indtaster, uploades.