Mediumslateblue til HSL — Fargekode

#7b68ee
Format Value
HEX #7b68ee
RGB rgb(123, 104, 238)
HSL hsl(248.5, 79.8%, 67.1%)
CMYK cmyk(48.3%, 56.3%, 0%, 6.7%)
HSV hsv(248.5, 56.3%, 93.3%)

mediumslateblue fargeharmonier

Lysere og mørkere nyanser av mediumslateblue

Lysere

#8776f0 #9383f1 #9f91f3 #ab9ff4 #b7adf6 #c3baf7 #cfc8f9 #dbd6fa #e7e4fc #f3f1fd

Mørkere

#705fd8 #6555c3 #594cad #4e4297 #433982 #382f6c #2d2657 #221c41 #16132b #0b0916

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 4.15:1 · AA Large

Den raske brune reven

På svart · 5.06:1 · AA

Anbefalt tekstfarge: #000000

Bruk mediumslateblue i kode

CSS color: #7b68ee;
SCSS $color: #7b68ee;
Tailwind bg-[#7b68ee]
Swift UIColor(red: 0.482, green: 0.408, blue: 0.933, alpha: 1)
Android Color.parseColor("#7b68ee")
Flutter Color(0xFF7B68EE)

Farger som ligner mediumslateblue

Se alle Blå farger →

Hva er HSL-koden for mediumslateblue?

CSS-fargen mediumslateblue i HSL-format er hsl(248.5, 79.8%, 67.1%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg mediumslateblue i CSS?

For å bruke mediumslateblue i CSS:

  • Tekstfarge: color: hsl(248.5, 79.8%, 67.1%);
  • Bakgrunnsfarge: background-color: hsl(248.5, 79.8%, 67.1%);
  • Kantlinje: border-color: hsl(248.5, 79.8%, 67.1%);

Hva er alle fargeformatverdiene for mediumslateblue?

FormatValue
HEX#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(248.5, 79.8%, 67.1%)
CMYKcmyk(48.3%, 56.3%, 0%, 6.7%)

Hvordan konverterer jeg mediumslateblue til HSL?

Velg mediumslateblue fra fargelisten i vår fargekonverter. HSL-verdien — hsl(248.5, 79.8%, 67.1%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører mediumslateblue?

mediumslateblue tilhører den blå fargefamilien. Det er en middels, livlig farge med HSL-verdier: fargetone 248.5°, metning 79.8%, lyshet 67.1%.

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

Lysere variant (lyshet 82.1%): #b7adf6. Mørkere variant (lyshet 52.099999999999994%): #3f23e6. 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.