tigtools

Fargekonverterer

Skriv eller lim inn en farge i et hvilket som helst støttet format, eller velg en, så oppdateres alle andre formater umiddelbart.

Kjører i nettleseren din Ingen registrering

Gjenkjent som HEX.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

CMYK her er en enkel formel, ikke fargestyrt. For trykk, konverter med ICC-profilen skriveren din gir deg.

Slik bruker du det

  1. Skriv eller lim inn en farge, for eksempel #1e90ff, rgb(30 144 255) eller oklch(65% 0.18 250). Du kan også klikke på fargevelgeren.
  2. Sjekk fargeprøven for å være sikker på at det er fargen du forventet.
  3. Kopier formatet du trenger fra listen. Verdier med gjennomsiktighet beholder alfaen sin.

Slik fungerer det

Godkjente inndata: HEX med 3, 4, 6 eller 8 sifre (4. og 8. siffer er alfa), rgb() og rgba() med tall eller prosentverdier, hsl() og hsla(), hwb(), oklch() og cmyk() med prosentverdier eller tall fra 0 til 100. Både den klassiske kommasyntaksen og den moderne mellomromssyntaksen med «/ alfa» fungerer. Fargetone godtar deg, turn, rad og grad. Navngitte farger som «tomato» leses ikke; bruk fargevelgeren eller en kode i stedet.

Alle konverteringer går gjennom sRGB. HSL og HWB er enkle omforminger av RGB-verdiene, så de konverteres nøyaktig. OKLCH er et perseptuelt fargerom: like trinn i lysheten ser omtrent like forskjellige ut, noe som gjør det nyttig for å bygge paletter. Det beregnes med de publiserte OKLab-matrisene. Noen OKLCH-farger ligger utenfor det sRGB kan vise; verktøyet sier ifra og viser den nærmeste visbare fargen.

CMYK beregnes med den vanlige naive formelen (K = 1 − den største RGB-kanalen). Det faktiske utskriftsresultatet avhenger av papir, trykksverte og ICC-profilen, så se på disse tallene som et utgangspunkt, ikke en trykkspesifikasjon.

Eksempler

Fra en merkevares HEX-kode til CSS

En stilguide oppgir #0b5d1e. Lim den inn for å få rgb(11, 93, 30) for eldre CSS, hsl(133.9, 78.8%, 20.4%) for å justere lysheten manuelt, og en oklch()-verdi for moderne CSS-fargefunksjoner.

Lese av en farge med gjennomsiktighet

rgba(0, 0, 0, 0.5) konverteres til #00000080. De to siste HEX-sifrene (80) er alfa: 128 av 255, omtrent 50 %.

Sjekke en OKLCH-verdi fra en designfil

oklch(70% 0.4 150) er en svært mettet grønnfarge som sRGB-skjermer ikke kan vise. Verktøyet markerer den og gir den nærmeste sRGB-fargen, slik at du vet at designet vil se annerledes ut på de fleste skjermer.

Ofte stilte spørsmål

Hvorfor endrer konvertering til HSL og tilbake noen ganger HEX-verdien med én?

HEX lagrer hele tall fra 0 til 255 per kanal. Verdier i andre formater avrundes for visning (HSL med én desimal), og konvertering av en avrundet verdi tilbake kan ende ett trinn unna. Kopier HEX-verdien hvis du trenger den nøyaktige originalen.

Er CMYK-verdien riktig for trykk?

Nei, ikke i seg selv. Den bruker en enkel formel uten fargeprofil. Trykkerier bruker profiler som FOGRA eller GRACoL som gir andre tall, så spør trykkeriet eller konverter i et fargestyrt program.

Hva er OKLCH, og kan jeg bruke det i CSS?

OKLCH beskriver en farge ved opplevd lyshet, kroma (fargerikhet) og fargetone. Nyere versjoner av de store nettleserne støtter oklch() i CSS. Ha en HEX- eller rgb()-reserve hvis du støtter eldre nettlesere.

Hva betyr en 8-sifret HEX-kode?

#RRGGBBAA: de to siste sifrene er opasitet, fra 00 (helt gjennomsiktig) til ff (helt ugjennomsiktig). Den firesifrede formen #RGBA fungerer på samme måte med ett siffer per kanal.

Personvern

Farger konverteres i nettleseren din. Ingenting av det du skriver inn blir sendt noe sted eller lagret.