Springgreen til HSL — Fargekode

#00ff7f
Format Value
HEX #00ff7f
RGB rgb(0, 255, 127)
HSL hsl(149.9, 100%, 50%)
CMYK cmyk(100%, 0%, 50.2%, 0%)
HSV hsv(149.9, 100%, 100%)

springgreen fargeharmonier

Lysere og mørkere nyanser av springgreen

Lysere

#17ff8b #2eff96 #46ffa2 #5dffae #74ffb9 #8bffc5 #a2ffd0 #b9ffdc #d1ffe8 #e8fff3

Mørkere

#00e873 #00d168 #00b95c #00a251 #008b45 #00743a #005d2e #004623 #002e17 #00170c

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.35:1 · Fail

Den raske brune reven

På svart · 15.61:1 · AAA

Anbefalt tekstfarge: #000000

Bruk springgreen i kode

CSS color: #00ff7f;
SCSS $color: #00ff7f;
Tailwind bg-[#00ff7f]
Swift UIColor(red: 0.000, green: 1.000, blue: 0.498, alpha: 1)
Android Color.parseColor("#00ff7f")
Flutter Color(0xFF00FF7F)

Farger som ligner springgreen

Se alle Grønne farger →

Hva er HSL-koden for springgreen?

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

Hvordan bruker jeg springgreen i CSS?

For å bruke springgreen i CSS:

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

Hva er alle fargeformatverdiene for springgreen?

FormatValue
HEX#00ff7f
RGBrgb(0, 255, 127)
HSLhsl(149.9, 100%, 50%)
CMYKcmyk(100%, 0%, 50.2%, 0%)

Hvordan konverterer jeg springgreen til HSL?

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

Hvilken fargefamilie tilhører springgreen?

springgreen tilhører den grønn fargefamilien. Det er en middels, livlig farge med HSL-verdier: fargetone 149.9°, metning 100%, lyshet 50%.

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

Lysere variant (lyshet 65%): #4dffa5. Mørkere variant (lyshet 35%): #00b359. 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.