Färgväljare Online: Färghjul & Konverterare (HEX, RGB, LCH)
Oavsett om du är en webbdesigner som finjusterar CSS-stilar, en grafisk designer som letar efter den perfekta nyansen för en logotyp, eller bara snabbt behöver ta reda på koden för din favoritfärg, är vårt avancerade färgväljare-verktyg (Color Picker) här för dig.
Glöm att starta tungrott Photoshop eller leta efter webbläsarinsticksmoduler. Här har du ett komplett färglaboratorium som fungerar omedelbart, stöder alla format och kommer ihåg ditt arbete.
Varför använda detta färgväljarverktyg?
Vårt widget är inte bara ett vanligt färghjul. Det är designat för maximal produktivitet och precision.
1. Alla format under ett tak 🎨
Behöver du konvertera HEX till RGB? Eller arbetar du med modern HSL? Vårt verktyg konverterar automatiskt och i realtid värden mellan alla använda standarder.
- HEX: För HTML och CSS (t.ex.
#ff5733). - RGB: För digitala skärmar och grafisk programvara.
- HSL & HSV: För intuitiva justeringar av mättnad och ljusstyrka, vilket du kommer att uppskatta när du skapar färgpaletter.
2. Smart historik och förinställningar 🕒
Inget är mer irriterande än att hitta den perfekta färgen och av misstag förlora den.
- Automatisk historik: Verktyget kommer ihåg de senaste färgerna du arbetat med (även om du uppdaterar sidan).
- Snabba förinställningar: Vi har förberett en uppsättning grundfärger för en snabb start.
3. Intuitiv Drag & Drop-kontroll 🖱️
Kontrollen är smidig och exakt. Med musen eller genom beröring på mobilen kan du:
- Ändra nyans på det stora färghjulet.
- Finjustera mättnad och ljusstyrka på den detaljerade kvadraten.
- Eller direkt skriva in det exakta värdet och låta verktyget beräkna resten.
Guide till färgmodeller: När ska man använda vilken?
Världen av digitala färger kan vara förvirrande. Här är en snabb översikt så att du vet vilket format du ska välja för ditt projekt.
| Format | Fullständigt namn | När ska det användas? |
|---|---|---|
| HEX | Hexadecimal | Standard för webben. En sexsiffrig kod (t.ex. #000000) som används av webbläsare. Den är kortast och lättast att kopiera. |
| RGB | Red, Green, Blue | Skärmar och displayer. Bestämmer hur mycket rött, grönt och blått ljus som ska visas. Värden är 0–255. |
| HSL | Hue, Saturation, Lightness | Mänsklig uppfattning. Bäst för designers. Vill du ha en färg “lite ljusare” eller “mindre mättad”? I HSL ändrar du bara procent, i HEX skulle du behöva gissa. |
| HSV | Hue, Saturation, Value | Grafisk programvara. Liknar HSL, men används ofta i verktyg som Photoshop eller GIMP för färgurval. |
| LCH | Lightness, Chroma, Hue | Modern precision. Den är så kallad „perceptuellt enhetlig“. Den åtgärdar felet i HSL, där gult upplevs ljusare än blått vid samma värde. I LCH motsvarar en ändring av siffrorna exakt hur det mänskliga ögat uppfattar ändringen. Idealisk för designsystem och tillgänglighet. |
Hur man arbetar effektivt med färgväljaren
- Grovval: Klicka i färghjulet för att välja en grundläggande nyans (Hue).
- Finjustering: I kvadraten i mitten justerar du mättnaden (rör dig höger/vänster) och ljusstyrkan (rör dig upp/ner).
- Manuell inmatning: Har du en specifik kod, t.ex.
#3498db? Skriv in den i HEX-fältet. Verktyget visar omedelbart en förhandsgranskning och beräknar om både RGB- och HSL-värdena. - Kopiera: Med ett klick på kopieringsikonen sparar du den resulterande koden i urklipp.
- Tillbaka i tiden: Behöver du en färg du hade för en stund sedan? Titta i avsnittet Färghistorik längst ner.