HEX-, RGB- og HSL-fargekonverterar

Konverter CSS-fargeverdier mellom HEX-, RGB- og HSL-formater med en direkte forhåndsvisning og kopieringsklar utgang.

Alt går lokalt i nettleseren din.

CSS verdier

Konverter innlimte farger til kopieringsklare CSS-verdier for stilark, komponenter og designtokens.

Designoverlevering

Flytt mellom HEX-spesifikasjoner, RGB-verdier fra skjermbilder og HSL-justeringer uten å åpne en designapp.

Privat lokal behandling

Konverteren bruker kun nettleserens innebygde JavaScript. Ingen opplastingsendepunkt eller server-side-konvertering er involvert.

Relaterte fargeverktøy

Fargevelger for bilder
Velg HEX-, RGB- og HSL-verdier fra opplastede eller limte inn bilder.
CSS-fargekonverterar
Konverter HEX, RGB, HSL, HSV og CMYK farger.
Fargepalettgenerator for bilder
Velg en nøyaktig farge fra et lokalt bilde.
WCAG-kontroll av fargekontrast
Kontroller tilgjengelighetskontrastforhold og AA/AAA-standarder.
EXR HDR til PNG
Bruk eksplisitt eksponering, gamma eller scene-lineær-til-sRGB-gjengivelse på OpenEXR-kanaler.

Ofte stilte spørsmål

Er fargeverdien min lastet opp?

Nei. HEX-, RGB- og HSL-konvertering kjører med JavaScript i nettleseren din. Fargeverdiene du angir sendes ikke til Convertr-server.

Hvilke HEX-formater støttes?

Konverteren støtter 3-sifrede og 6-sifrede HEX-farger som #0fa og #00ffaa.

Kan jeg legge inn CSS rgb() og hsl() verdier?

Du kan lime inn verdier som rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) eller 142 71% 45%.

Hva er HSL nyttig for?

HSL skiller fargetone, metning og lyshet, noe som gjør det praktisk når du justerer fargefamilier, svevetilstander og designtokener.