Vad är en färgväljare?

Med en färgväljare kan du välja en färg med ögat i stället för att skriva in siffror. De flesta designappar har samma upplägg: ett nyansreglage väljer grundfärgen från regnbågen, och en ruta intill anger hur mycket av nyansen som ska användas (mättnad, från vänster till höger) och hur ljus färgen ska vara (uppifrån och ned). Det här upplägget är HSV-färgmodellen, och varje färg som en skärm kan visa har en plats i den.

Verktygsbeskrivning

Dra över rutan och nyansreglaget för att hitta en färg, eller skriv in eller klistra in en färg du redan har i HEX, RGB, HSL eller något annat format. I Chrome och Edge väljer pipettknappen en färg var som helst på skärmen, även utanför webbläsaren. Ställ in opaciteten för genomskinliga färger och kopiera resultatet i det format du behöver: HEX för CSS och de flesta designverktyg, RGB och HSL för CSS, HSV för designappar, OKLCH för modern CSS och CMYK som utgångspunkt för tryck.

Funktioner

  • Ruta för mättnad och ljusstyrka med ett nyansreglage, som kan styras med mus, pekskärm eller tangentbord
  • Pipett för att välja färger från skärmen i Chrome och Edge
  • Skriv in eller klistra in en färg i HEX, RGB, HSL, HWB, CMYK och andra format
  • Opacitet, visad på ett transparensrutnät
  • Värden i HEX, RGB, HSL, HSV, OKLCH och CMYK, alla redo att kopieras
  • Fler format, som HWB, LAB, LCH och XYZ, i formatlistan för den valda färgen
  • Körs i webbläsaren

Så fungerar det

Verktyget sparar färgen som nyans, mättnad och värde, så att nyansen ligger kvar där du lämnade den när du drar mot vitt, svart eller grått. De andra formaten beräknas utifrån den: HEX och RGB avrundas till heltal från 0 till 255, HSL och HSV till hela grader och procenttal, och OKLCH konverteras via sRGB-färgrymden. När opaciteten är under 100 % får HEX ett fjärde sifferpar och CSS-formaten får ett alfavärde. CMYK har inget alfavärde och konverteras enkelt utan en skrivarprofil.

Tips

  • Opaciteten i en inklistrad färg, till exempel i rgba(), behålls inte: ställ in den med fältet Opacitet.
  • Klicka på rutan eller reglaget och använd piltangenterna för att ändra värdet med 1 % eller med 10 % tillsammans med Skift.
  • Om du vill välja färger från ett foto eller en skärmbildsfil kan du använda Bildfärgväljaren, som läser av själva bilden.
  • Fråga tryckeriet vilka CMYK-värden du ska använda, eftersom samma färg kan tryckas olika på olika tryckpressar och papper.