Honeydew til HSL — Fargekode

#f0fff0
Format Value
HEX #f0fff0
RGB rgb(240, 255, 240)
HSL hsl(120, 100%, 97.1%)
CMYK cmyk(5.9%, 0%, 5.9%, 0%)
HSV hsv(120, 5.9%, 100%)

honeydew fargeharmonier

Lysere og mørkere nyanser av honeydew

Lysere

#f1fff1 #f3fff3 #f4fff4 #f5fff5 #f7fff7 #f8fff8 #fafffa #fbfffb #fcfffc #fefffe

Mørkere

#dae8da #c4d1c4 #afb9af #99a299 #838b83 #6d746d #575d57 #414641 #2c2e2c #161716

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.04:1 · Fail

Den raske brune reven

På svart · 20.27:1 · AAA

Anbefalt tekstfarge: #000000

Bruk honeydew i kode

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

Farger som ligner honeydew

Se alle Grå og nøytrale farger →

Hva er HSL-koden for honeydew?

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

Hvordan bruker jeg honeydew i CSS?

For å bruke honeydew i CSS:

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

Hva er alle fargeformatverdiene for honeydew?

FormatValue
HEX#f0fff0
RGBrgb(240, 255, 240)
HSLhsl(120, 100%, 97.1%)
CMYKcmyk(5.9%, 0%, 5.9%, 0%)

Hvordan konverterer jeg honeydew til HSL?

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

Hvilken fargefamilie tilhører honeydew?

honeydew tilhører den nesten hvit fargefamilien. Det er en lys, livlig farge med HSL-verdier: fargetone 120°, metning 100%, lyshet 97.1%.

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

Lysere variant (lyshet 95%): #e5ffe5. Mørkere variant (lyshet 82.1%): #a4ffa4. 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.