Key lime til HSL — Fargekode

#aeff6e
Format Value
HEX #aeff6e
RGB rgb(174, 255, 110)
HSL hsl(93.5, 100%, 71.6%)
CMYK cmyk(31.8%, 0%, 56.9%, 0%)
HSV hsv(93.5, 56.9%, 100%)

key lime fargeharmonier

Lysere og mørkere nyanser av key lime

Lysere

#b5ff7b #bdff88 #c4ff96 #cbffa3 #d3ffb0 #daffbd #e2ffca #e9ffd7 #f0ffe5 #f8fff2

Mørkere

#9ee864 #8ed15a #7fb950 #6fa246 #5f8b3c #4f7432 #3f5d28 #2f461e #202e14 #10170a

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.21:1 · Fail

Den raske brune reven

På svart · 17.33:1 · AAA

Anbefalt tekstfarge: #000000

Bruk key lime i kode

CSS color: #aeff6e;
SCSS $color: #aeff6e;
Tailwind bg-[#aeff6e]
Swift UIColor(red: 0.682, green: 1.000, blue: 0.431, alpha: 1)
Android Color.parseColor("#aeff6e")
Flutter Color(0xFFAEFF6E)

Farger som ligner key lime

Se alle Grønne farger →

Hva er HSL-koden for key lime?

CSS-fargen key lime i HSL-format er hsl(93.5, 100%, 71.6%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg key lime i CSS?

For å bruke key lime i CSS:

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

Hva er alle fargeformatverdiene for key lime?

FormatValue
HEX#aeff6e
RGBrgb(174, 255, 110)
HSLhsl(93.5, 100%, 71.6%)
CMYKcmyk(31.8%, 0%, 56.9%, 0%)

Hvordan konverterer jeg key lime til HSL?

Velg key lime fra fargelisten i vår fargekonverter. HSL-verdien — hsl(93.5, 100%, 71.6%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører key lime?

key lime tilhører den grønn fargefamilien. Det er en lys, livlig farge med HSL-verdier: fargetone 93.5°, metning 100%, lyshet 71.6%.

Hvordan lager jeg lysere og mørkere nyanser av key lime?

Lysere variant (lyshet 86.6%): #d9ffbb. Mørkere variant (lyshet 56.599999999999994%): #83ff22. 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.