Farvekonverter

Dette er en farvekonverter til web- og designarbejde, der oversætter en farve mellem de tre formater, du bruger mest: HEX, RGB og HSL, med en levende farveprøve, så du kan se præcis, hvad du arbejder med.

Dette er den daglige lim mellem design og kode: at matche en brandfarve fra et mockup til en CSS-variabel, at konvertere en værdi, en designer gav dig i ét format, til det, dit framework ønsker, eller at finde en lidt lysere nuance til en hover-tilstand.

Alt kører i din browser, så det er øjeblikkeligt, og intet af det, du indtaster, sendes nogen steder hen.

Hvert format beskriver den samme farve forskelligt. HEX (som #ff8800) er den kompakte form, der bruges overalt i CSS og HTML. RGB angiver de røde, grønne og blå kanaler direkte, hvilket er den måde, skærme og kode som canvas tænker om farve på. HSL beskriver farvetone, mætning og lyshed, hvilket er langt mere intuitivt, når du vil justere en farve: skift farvetonen for at flytte den rundt på hjulet, eller lysheden for at gøre den mørkere uden at vælge en ny kode i hånden.

Indtast en HEX-værdi, og RGB- og HSL-ækvivalenterne opdateres øjeblikkeligt, så du kan tage det format, som værktøjet eller kodebasen foran dig forventer.

For nu fokuserer værktøjet på uigennemsigtige farver i HEX, RGB og HSL. Understøttelse af alfa (gennemsigtighed) er ikke inkluderet endnu.