Fargekonverterer

Dette er en fargekonverterer for web- og designarbeid som oversetter en farge mellom de tre formatene du bruker mest: HEX, RGB og HSL, med en live fargeprøve så du ser nøyaktig hva du jobber med.

Dette er det daglige limet mellom design og kode: å matche en merkevarefarge fra en mockup til en CSS-variabel, konvertere en verdi en designer ga deg i ett format til det rammeverket ditt vil ha, eller finne en litt lysere nyanse til en hover-tilstand.

Alt kjører i nettleseren din, så det er øyeblikkelig og ingenting du skriver inn blir sendt noe sted.

Hvert format beskriver den samme fargen på ulike måter. HEX (som #ff8800) er den kompakte formen som brukes overalt i CSS og HTML. RGB oppgir de røde, grønne og blå kanalene direkte, som er slik skjermer og kode som canvas tenker om farge. HSL beskriver kulør, metning og lyshet, som er langt mer intuitivt når du vil justere en farge: endre kuløren for å flytte den rundt fargehjulet, eller lysheten for å gjøre den mørkere uten å plukke en ny kode for hånd.

Skriv inn en HEX-verdi, og RGB- og HSL-ekvivalentene oppdateres øyeblikkelig, så du kan hente akkurat det formatet verktøyet eller kodebasen foran deg forventer.

Foreløpig fokuserer verktøyet på ugjennomsiktige farger i HEX, RGB og HSL. Støtte for alfa (gjennomsiktighet) er ikke inkludert ennå.