Wintergreen til HSL — Fargekode

#20f986
Format Value
HEX #20f986
RGB rgb(32, 249, 134)
HSL hsl(148.2, 94.8%, 55.1%)
CMYK cmyk(87.1%, 0%, 46.2%, 2.4%)
HSV hsv(148.2, 87.1%, 97.6%)

wintergreen fargeharmonier

Lysere og mørkere nyanser av wintergreen

Lysere

#34fa91 #49fa9c #5dfba7 #71fbb2 #85fcbd #9afcc8 #aefdd3 #c2fdde #d6fee9 #ebfef4

Mørkere

#1de27a #1acc6e #17b561 #149e55 #118849 #0f713d #0c5b31 #094425 #062d18 #03170c

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.4:1 · Fail

Den raske brune reven

På svart · 14.96:1 · AAA

Anbefalt tekstfarge: #000000

Bruk wintergreen i kode

CSS color: #20f986;
SCSS $color: #20f986;
Tailwind bg-[#20f986]
Swift UIColor(red: 0.125, green: 0.976, blue: 0.525, alpha: 1)
Android Color.parseColor("#20f986")
Flutter Color(0xFF20F986)

Farger som ligner wintergreen

Se alle Grønne farger →

Hva er HSL-koden for wintergreen?

CSS-fargen wintergreen i HSL-format er hsl(148.2, 94.8%, 55.1%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg wintergreen i CSS?

For å bruke wintergreen i CSS:

  • Tekstfarge: color: hsl(148.2, 94.8%, 55.1%);
  • Bakgrunnsfarge: background-color: hsl(148.2, 94.8%, 55.1%);
  • Kantlinje: border-color: hsl(148.2, 94.8%, 55.1%);

Hva er alle fargeformatverdiene for wintergreen?

FormatValue
HEX#20f986
RGBrgb(32, 249, 134)
HSLhsl(148.2, 94.8%, 55.1%)
CMYKcmyk(87.1%, 0%, 46.2%, 2.4%)

Hvordan konverterer jeg wintergreen til HSL?

Velg wintergreen fra fargelisten i vår fargekonverter. HSL-verdien — hsl(148.2, 94.8%, 55.1%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører wintergreen?

wintergreen tilhører den grønn fargefamilien. Det er en middels, livlig farge med HSL-verdier: fargetone 148.2°, metning 94.8%, lyshet 55.1%.

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

Lysere variant (lyshet 70.1%): #6afbae. Mørkere variant (lyshet 40.1%): #05c760. 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.