Hva er en fargevelger?

Med en fargevelger kan du velge en farge visuelt i stedet for å skrive inn tall. De fleste designapper har samme oppsett: En nyanseskyveknapp velger grunnfargen fra regnbuen, og en firkant ved siden av angir hvor mettet nyansen er (fra venstre mot høyre), og hvor lys den er (fra topp til bunn). Dette oppsettet er HSV-fargemodellen, og alle farger en skjerm kan vise, har en plass i den.

Verktøybeskrivelse

Dra i firkanten og nyanseskyveknappen for å finne en farge, eller skriv inn eller lim inn en farge du allerede har, i HEX, RGB, HSL eller et annet format. I Chrome og Edge kan pipetteknappen velge en farge hvor som helst på skjermen, også utenfor nettleseren. Angi opasiteten for gjennomsiktige farger, og kopier resultatet i formatet du trenger: HEX for CSS og de fleste designverktøy, RGB og HSL for CSS, HSV for designapper, OKLCH for moderne CSS og CMYK som utgangspunkt for utskrift.

Funksjoner

  • Firkant for metning og lysstyrke med en nyanseskyveknapp – med mus, berøring eller tastatur
  • Pipette for skjermen i Chrome og Edge
  • Skriv inn eller lim inn en farge i HEX, RGB, HSL, HWB, CMYK og andre formater
  • Opasitet, vist på et gjennomsiktighetsrutenett
  • HEX-, RGB-, HSL-, HSV-, OKLCH- og CMYK-verdier, alle klare til å kopieres
  • Flere formater, som HWB, LAB, LCH og XYZ, fra formatlisten for den valgte fargen
  • Kjører i nettleseren din

Slik fungerer det

Verktøyet lagrer fargen som nyanse, metning og verdi, slik at nyansen forblir der du satte den når du drar mot hvitt, svart eller grått. De andre formatene beregnes ut fra dette: HEX og RGB avrundes til heltall fra 0 til 255, HSL og HSV til hele grader og prosentverdier, og OKLCH konverteres via sRGB-fargerommet. Når opasiteten er under 100 %, får HEX et fjerde sifferpar, og CSS-formatene får en alfaverdi. CMYK har ingen alfa, og konverteringen er enkel og bruker ingen skriverprofil.

Tips

  • Opasiteten til en innlimt farge, som i rgba(), beholdes ikke: Angi den i Opasitet-feltet.
  • Klikk på firkanten eller skyveknappen, og bruk piltastene for å flytte med 1 % om gangen, eller med 10 % når du holder Shift nede.
  • Bruk Bildefargevelgeren for farger i et foto eller en skjermbildefil. Den leser selve bildet.
  • Spør trykkeriet hvilke CMYK-verdier du bør bruke, siden samme farge kan se forskjellig ut på ulike trykkpresser og papirtyper.