Umber til HSL — Fargekode

#b26400
Format Value
HEX #b26400
RGB rgb(178, 100, 0)
HSL hsl(33.7, 100%, 34.9%)
CMYK cmyk(0%, 43.8%, 100%, 30.2%)
HSV hsv(33.7, 100%, 69.8%)

umber fargeharmonier

Lysere og mørkere nyanser av umber

Lysere

#b97217 #c0802e #c78e46 #ce9c5d #d5aa74 #dcb98b #e3c7a2 #ead5b9 #f1e3d1 #f8f1e8

Mørkere

#a25b00 #925200 #814900 #714000 #613700 #512d00 #412400 #311b00 #201200 #100900

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 4.45:1 · AA Large

Den raske brune reven

På svart · 4.72:1 · AA

Anbefalt tekstfarge: #000000

Bruk umber i kode

CSS color: #b26400;
SCSS $color: #b26400;
Tailwind bg-[#b26400]
Swift UIColor(red: 0.698, green: 0.392, blue: 0.000, alpha: 1)
Android Color.parseColor("#b26400")
Flutter Color(0xFFB26400)

Farger som ligner umber

Se alle Oransje farger →

Hva er HSL-koden for umber?

CSS-fargen umber i HSL-format er hsl(33.7, 100%, 34.9%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg umber i CSS?

For å bruke umber i CSS:

  • Tekstfarge: color: hsl(33.7, 100%, 34.9%);
  • Bakgrunnsfarge: background-color: hsl(33.7, 100%, 34.9%);
  • Kantlinje: border-color: hsl(33.7, 100%, 34.9%);

Hva er alle fargeformatverdiene for umber?

FormatValue
HEX#b26400
RGBrgb(178, 100, 0)
HSLhsl(33.7, 100%, 34.9%)
CMYKcmyk(0%, 43.8%, 100%, 30.2%)

Hvordan konverterer jeg umber til HSL?

Velg umber fra fargelisten i vår fargekonverter. HSL-verdien — hsl(33.7, 100%, 34.9%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører umber?

umber tilhører den oransje fargefamilien. Det er en middels, livlig farge med HSL-verdier: fargetone 33.7°, metning 100%, lyshet 34.9%.

Hvordan lager jeg lysere og mørkere nyanser av umber?

Lysere variant (lyshet 49.9%): #fe8f00. Mørkere variant (lyshet 19.9%): #653900. Disse verdiene beregnes ved å justere HSL-lysheten ±15% mens fargetone og metning beholdes.

Hva brukes HSL-formatet til?

HSL beskriver farger med fargetone (0–360°), metning (0–100%) og lyshet (0–100%). Det er mer intuitivt for designere og gjør det enkelt å lage lysere, mørkere eller mer dempede varianter.