Online Fargevelger: Fargehjul & Konverter (HEX, RGB, LCH)
Enten du er en webdesigner som finjusterer CSS-stiler, en grafiker som leter etter den perfekte nyansen for en logo, eller bare trenger å finne koden for favorittfargen din raskt, er vårt avanserte fargevelgerverktøy (Color Picker) her for deg.
Glem å starte tungvinte Photoshop eller lete etter nettleser-plugins. Her får du et komplett fargelaboratorium som fungerer umiddelbart, støtter alle formater og husker arbeidet ditt.
Hvorfor bruke dette fargevelgerverktøyet?
Vår widget er ikke bare et vanlig fargehjul. Den er designet for maksimal produktivitet og nøyaktighet.
1. Alle formater under ett tak 🎨
Trenger du å konvertere HEX til RGB? Eller jobber du med moderne HSL? Verktøyet vårt konverterer automatisk og i sanntid verdier mellom alle brukte standarder.
- HEX: For HTML og CSS (f.eks.
#ff5733). - RGB: For digitale skjermer og grafisk programvare.
- HSL & HSV: For intuitive justeringer av metning og lysstyrke, noe du vil sette pris på når du lager fargepaletter.
2. Smart historikk og forhåndsinnstillinger 🕒
Ingenting er mer irriterende enn å finne den perfekte fargen og miste den ved et uhell.
- Automatisk historikk: Verktøyet husker de siste fargene du har jobbet med (selv om du oppdaterer siden).
- Raske forhåndsinnstillinger: Vi har forberedt et sett med grunnleggende farger for en rask start.
3. Intuitiv Dra og slipp-betjening 🖱️
Kontrollen er flytende og presis. Med musen eller berøring på mobilen kan du:
- Endre nyanse på det store fargehjulet.
- Finjustere metning og lysstyrke på den detaljerte firkanten.
- Eller skrive inn en nøyaktig verdi og la verktøyet beregne resten.
Guide til fargemodeller: Når skal man bruke hvilken?
Verden av digitale farger kan være forvirrende. Her er en rask oversikt slik at du vet hvilket format du skal velge for prosjektet ditt.
| Format | Fullt navn | Når skal den brukes? |
|---|---|---|
| HEX | Heksadesimal | Standard for web. En seks-tegns kode (f.eks. #000000) som brukes av nettlesere. Den er den korteste og enklest å kopiere. |
| RGB | Rød, Grønn, Blå | Skjermer og displayer. Bestemmer hvor mye rødt, grønt og blått lys som skal vises. Verdier er 0–255. |
| HSL | Nyanse, Metning, Lysstyrke | Menneskelig persepsjon. Best for designere. Vil du ha en farge “litt lysere” eller “mindre mettet”? I HSL endrer du bare prosenter, i HEX måtte du glette. |
| HSV | Nyanse, Metning, Verdi | Grafisk programvare. Ligner HSL, men ofte brukt i verktøy som Photoshop eller GIMP for fargevalg. |
| LCH | Lyshet, Chroma, Nyanse | Moderne presisjon. Den er såkalt “perseptuelt uniform”. Løser HSL-feilen der gul virker lysere enn blå med samme verdi. I LCH tilsvarer en endring i tall nøyaktig hvordan menneskeøyet oppfatter endringen. Ideell for designsystemer og tilgjengelighet. |
Hvordan arbeide effektivt med Fargevelgeren
- Grovt utvalg: Klikk på fargesirkelen for å velge grunnleggende nyanse (Hue).
- Finjustering: I den midtre firkanten justerer du metning (beveg høyre/venstre) og lysstyrke (beveg opp/ned).
- Manuelt inntasting: Har du en spesifikk kode, f.eks.
#3498db? Lim den inn i HEX-feltet. Verktøyet vil umiddelbart vise en forhåndsvisning og konvertere RGB- og HSL-verdiene. - Kopiering: Med ett klikk på kopieringsikonet lagrer du den resulterende koden til utklippstavlen.
- Tilbake i tid: Trenger du en farge du hadde for litt siden? Se i seksjonen Fargehistorikk nederst.