Forestgreen til HSL — Fargekode

#228b22
Format Value
HEX #228b22
RGB rgb(34, 139, 34)
HSL hsl(120, 60.7%, 33.9%)
CMYK cmyk(75.5%, 0%, 75.5%, 45.5%)
HSV hsv(120, 75.5%, 54.5%)

forestgreen fargeharmonier

Lysere og mørkere nyanser av forestgreen

Lysere

#369636 #4aa04a #5eab5e #72b572 #86c086 #9bca9b #afd5af #c3dfc3 #d7ead7 #ebf4eb

Mørkere

#1f7e1f #1c721c #196519 #165816 #134c13 #0f3f0f #0c330c #092609 #061906 #030d03

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 4.39:1 · AA Large

Den raske brune reven

På svart · 4.78:1 · AA

Anbefalt tekstfarge: #000000

Bruk forestgreen i kode

CSS color: #228b22;
SCSS $color: #228b22;
Tailwind bg-[#228b22]
Swift UIColor(red: 0.133, green: 0.545, blue: 0.133, alpha: 1)
Android Color.parseColor("#228b22")
Flutter Color(0xFF228B22)

Farger som ligner forestgreen

Se alle Grønne farger →

Hva er HSL-koden for forestgreen?

CSS-fargen forestgreen i HSL-format er hsl(120, 60.7%, 33.9%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg forestgreen i CSS?

For å bruke forestgreen i CSS:

  • Tekstfarge: color: hsl(120, 60.7%, 33.9%);
  • Bakgrunnsfarge: background-color: hsl(120, 60.7%, 33.9%);
  • Kantlinje: border-color: hsl(120, 60.7%, 33.9%);

Hva er alle fargeformatverdiene for forestgreen?

FormatValue
HEX#228b22
RGBrgb(34, 139, 34)
HSLhsl(120, 60.7%, 33.9%)
CMYKcmyk(75.5%, 0%, 75.5%, 45.5%)

Hvordan konverterer jeg forestgreen til HSL?

Velg forestgreen fra fargelisten i vår fargekonverter. HSL-verdien — hsl(120, 60.7%, 33.9%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører forestgreen?

forestgreen tilhører den grønn fargefamilien. Det er en middels, moderat mettet farge med HSL-verdier: fargetone 120°, metning 60.7%, lyshet 33.9%.

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

Lysere variant (lyshet 48.9%): #31c831. Mørkere variant (lyshet 18.9%): #134d13. 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.