Farvevælger Online: Farvehjul og Konverter (HEX, RGB, LCH)
Uanset om du er webdesigner, der finjusterer CSS-stilarter, en grafiker, der leder efter den perfekte nuance til et logo, eller bare hurtigt har brug for at finde koden til din yndlingsfarve, er vores avancerede farvevælger (Color Picker) her for dig.
Glem alt om at starte en tung Photoshop eller søge efter browser-plugins. Her får du et komplet farvelaboratorium, der fungerer øjeblikkeligt, understøtter alle formater og husker dit arbejde.
Hvorfor bruge dette farveværktøj?
Vores widget er ikke bare et almindeligt farvehjul. Den er designet til maksimal produktivitet og præcision.
1. Alle formater under ét tag 🎨
Du har brug for at konvertere HEX til RGB? Eller arbejder du med moderne HSL? Vores værktøj genberegner automatisk og i realtid værdierne mellem alle de anvendte standarder.
- HEX: Til HTML og CSS (f.eks.
#ff5733). - RGB: Til digitale skærme og grafisk software.
- HSL & HSV: Til intuitiv justering af mætning og lysstyrke, som du vil sætte pris på, når du opretter farvepaletter.
2. Smart historik og forudindstillinger 🕒
Intet er mere irriterende end at finde den perfekte farve og så miste den ved et uheld.
- Automatisk historik: Værktøjet husker de seneste farver, du har arbejdet med (selv hvis du genindlæser siden).
- Hurtige forudindstillinger: Vi har forberedt et sæt grundlæggende farver, så du hurtigt kan komme i gang.
3. Intuitiv Drag & Drop-styring 🖱️
Styringen er flydende og præcis. Med musen eller ved berøring på mobilen kan du:
- Ændre farvetone på det store farvehjul.
- Finjustere mætning og lysstyrke på den detaljerede firkant.
- Eller indtaste en præcis værdi direkte og lade værktøjet beregne resten.
Guide til farvemodeller: Hvornår skal man bruge hvilken?
Verdenen af digitale farver kan være forvirrende. Her er en hurtig oversigt, så du ved, hvilket format du skal vælge til dit projekt.
| Format | Fulde navn | Hvornår skal det bruges? |
|---|---|---|
| HEX | Hexadecimal | Standard for web. En sekstegns kode (f.eks. #000000), som browsere bruger. Det er den korteste og nemmeste at kopiere. |
| RGB | Rød, Grøn, Blå | Skærme og displays. Bestemmer hvor meget rødt, grønt og blåt lys der skal lyse. Værdierne er 0–255. |
| HSL | Farvetone, Mætning, Lysstyrke | Menneskelig opfattelse. Bedst for designere. Vil du have en farve “lidt lysere” eller “mindre mættet”? I HSL ændrer du blot procenter, i HEX måtte du gætte. |
| HSV | Farvetone, Mætning, Værdi | Grafisk software. Ligner HSL, men bruges ofte i værktøjer som Photoshop eller GIMP til farvevalg. |
| LCH | Lyshed, Farvemæthed, Farvetone | Moderne præcision. Er såkaldt “perceptuelt ensartet”. Løser fejlen i HSL, hvor gul virker lysere end blå ved samme værdi. I LCH svarer en ændring i tal præcist til, hvordan det menneskelige øje opfatter ændringen. Ideel til designsystemer og tilgængelighed. |
Sådan arbejder du effektivt med farvevælgeren
- Grovt valg: Klik i farvecirklen for at vælge en grundlæggende farvetone (Hue).
- Finjustering: I den midterste firkant justerer du mætning (bevægelse højre/venstre) og lysstyrke (bevægelse op/ned).
- Manuel indtastning: Har du en specifik kode, f.eks.
#3498db? Indtast den i HEX-feltet. Værktøjet viser øjeblikkeligt en forhåndsvisning og genberegner RGB- og HSL-værdierne. - Kopiering: Med et enkelt klik på kopieringsikonet gemmes den resulterende kode i udklipsholderen.
- Tidsrejse: Har du brug for en farve, du havde for et øjeblik siden? Se under afsnittet Farvehistorik nederst.