Pumpkin orange til HSL — Fargekode

#fb7d07
Format Value
HEX #fb7d07
RGB rgb(251, 125, 7)
HSL hsl(29, 96.8%, 50.6%)
CMYK cmyk(0%, 50.2%, 97.2%, 1.6%)
HSV hsv(29, 97.2%, 98.4%)

pumpkin orange fargeharmonier

Lysere og mørkere nyanser av pumpkin orange

Lysere

#fb891e #fc9534 #fca04b #fcac61 #fdb878 #fdc48e #fed0a5 #fedcbb #fee7d2 #fff3e8

Mørkere

#e47206 #cd6606 #b75b05 #a05004 #894404 #723903 #5b2d03 #442202 #2e1701 #170b01

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 2.61:1 · Fail

Den raske brune reven

På svart · 8.04:1 · AAA

Anbefalt tekstfarge: #000000

Bruk pumpkin orange i kode

CSS color: #fb7d07;
SCSS $color: #fb7d07;
Tailwind bg-[#fb7d07]
Swift UIColor(red: 0.984, green: 0.490, blue: 0.027, alpha: 1)
Android Color.parseColor("#fb7d07")
Flutter Color(0xFFFB7D07)

Farger som ligner pumpkin orange

Se alle Oransje farger →

Hva er HSL-koden for pumpkin orange?

CSS-fargen pumpkin orange i HSL-format er hsl(29, 96.8%, 50.6%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg pumpkin orange i CSS?

For å bruke pumpkin orange i CSS:

  • Tekstfarge: color: hsl(29, 96.8%, 50.6%);
  • Bakgrunnsfarge: background-color: hsl(29, 96.8%, 50.6%);
  • Kantlinje: border-color: hsl(29, 96.8%, 50.6%);

Hva er alle fargeformatverdiene for pumpkin orange?

FormatValue
HEX#fb7d07
RGBrgb(251, 125, 7)
HSLhsl(29, 96.8%, 50.6%)
CMYKcmyk(0%, 50.2%, 97.2%, 1.6%)

Hvordan konverterer jeg pumpkin orange til HSL?

Velg pumpkin orange fra fargelisten i vår fargekonverter. HSL-verdien — hsl(29, 96.8%, 50.6%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører pumpkin orange?

pumpkin orange tilhører den oransje fargefamilien. Det er en middels, livlig farge med HSL-verdier: fargetone 29°, metning 96.8%, lyshet 50.6%.

Hvordan lager jeg lysere og mørkere nyanser av pumpkin orange?

Lysere variant (lyshet 65.6%): #fca452. Mørkere variant (lyshet 35.6%): #b35803. 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.