Denne fargevelgeren starter med et visuelt fargefelt og holder de nøyaktige tallene tett på. Du kan lime inn en CSS-hexverdi som #3366cc, finjustere rød, grønn, blå og alfa, eller stille inn fargetone, metning og lyshet for arbeid med designsystemer. Ingen fargeverdier lastes opp - konverteringene skjer lokalt i JavaScript.
Gratis fargevelger
Kjører helt i nettleseren - ingen opplasting, ingen registrering.
Valgt#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Hva er en fargevelger?
En fargevelger er et verktøy for å velge en nøyaktig digital farge og kopiere verdiene til design eller kode. Bruk fargefeltet, HEX-feltet, RGB-skyveknappene eller HSL-kontrollene, og kopier HEX-, RGB-, HSL-, HSV- eller CMYK-verdier med en gang. Alt kjører i nettleseren din.
Slik bruker du verktøyet
- 1Velg eller lim inn en farge. Klikk på det store fargefeltet for å åpne nettleserens fargevelger, eller lim inn en 3-, 4-, 6- eller 8-sifret hexverdi i HEX-feltet.
- 2Juster kanalene. Bruk RGB-skyveknappene for rød, grønn, blå og alfa, eller rediger fargetone, metning og lyshet når du vil ha mer designvennlig kontroll.
- 3Kopier formatet du trenger. Kopier HEX, HEX8, RGB, HSL, HSV eller CMYK med ett klikk. Forhåndsvisningen og alle utdata oppdateres direkte.
Hvem passer det for
- Frontend-utviklere som kopierer CSS-klare HEX-, RGB- og HSL-verdier mens de bygger grensesnitt.
- Designere som finjusterer en merkevarefarge kanal for kanal i stedet for å gjette i et grafikkprogram.
- Markedsføringsteam som matcher kampanjefarger på tvers av e-postbyggere, dokumenter og sosiale medier-materiell.
- Studenter og skapere som lærer hvordan RGB, HSL, HSV og CMYK beskriver samme farge.
Vanlige spørsmål
Er denne fargevelgeren gratis?
Ja. Fargevelgeren er gratis, krever ingen registrering og har ingen bruksgrense. Åpne siden, velg en farge og kopier formatet du trenger.
Blir fargene mine lastet opp noe sted?
Nei. Fargevelgeren og konverteringene kjører i nettleseren din med vanlig JavaScript. De valgte fargene sendes ikke til en server.
Hvilke fargeformater kan jeg kopiere?
Du kan kopiere HEX, 8-sifret HEX med alfa, RGB eller RGBA, HSL eller HSLA, HSV og CMYK. Verktøyet holder dem synkronisert mens du redigerer.
Kan jeg lime inn en hexfarge?
Ja. Lim inn 3-, 4-, 6- eller 8-sifrede CSS-hexverdier, med eller uten #-symbolet. Kortformer utvides etter vanlige CSS-regler.
Hva er HEX8?
HEX8 er en 8-sifret hexfarge der det siste paret lagrer alfa. For eksempel er #3366cc80 den samme blåfargen med omtrent 50% opasitet.
Bør jeg bruke RGB eller HSL i CSS?
Bruk RGB når du trenger nøyaktige kanalverdier eller alfa med rgba(). Bruk HSL når du vil lage lysere toner, mørkere varianter eller relaterte UI-tilstander ved å endre metning og lyshet.