Lightgray til HSL

Fargekode

#d3d3d3
Format Value
HEX #d3d3d3
RGB rgb(211, 211, 211)
HSL hsl(0, 0%, 82.7%)
CMYK cmyk(0%, 0%, 0%, 17.3%)
HSV hsv(0, 0%, 82.7%)

lightgray fargeharmonier

Lysere og mørkere nyanser av lightgray

Lysere

#d7d7d7 #dbdbdb #dfdfdf #e3e3e3 #e7e7e7 #ebebeb #efefef #f3f3f3 #f7f7f7 #fbfbfb

Mørkere

#c0c0c0 #adadad #999999 #868686 #737373 #606060 #4d4d4d #3a3a3a #262626 #131313

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 1.5:1 · Fail

Den raske brune reven

På svart · 14.03:1 · AAA

Anbefalt tekstfarge: #000000

Bruk lightgray i kode

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

Farger som ligner lightgray

Se alle Grå og nøytrale farger →

Hva er HSL-koden for lightgray?

CSS-fargen lightgray i HSL-format er hsl(0, 0%, 82.7%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg lightgray i CSS?

For å bruke lightgray i CSS:

  • Tekstfarge: color: hsl(0, 0%, 82.7%);
  • Bakgrunnsfarge: background-color: hsl(0, 0%, 82.7%);
  • Kantlinje: border-color: hsl(0, 0%, 82.7%);

Hva er alle fargeformatverdiene for lightgray?

FormatValue
HEX#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0, 0%, 82.7%)
CMYKcmyk(0%, 0%, 0%, 17.3%)

Hvordan konverterer jeg lightgray til HSL?

Velg lightgray fra fargelisten i vår fargekonverter. HSL-verdien — hsl(0, 0%, 82.7%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører lightgray?

lightgray tilhører den nøytral (grå) fargefamilien. Det er en lys, dempet farge med HSL-verdier: fargetone 0°, metning 0%, lyshet 82.7%.

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

Lysere variant (lyshet 95%): #f2f2f2. Mørkere variant (lyshet 67.7%): #adadad. 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.