Steelblue til HSL — Fargekode

#4682b4
Format Value
HEX #4682b4
RGB rgb(70, 130, 180)
HSL hsl(207.3, 44%, 49%)
CMYK cmyk(61.1%, 27.8%, 0%, 29.4%)
HSV hsv(207.3, 61.1%, 70.6%)

steelblue fargeharmonier

Lysere og mørkere nyanser av steelblue

Lysere

#578dbb #6899c2 #78a4c8 #89afcf #9abbd6 #abc6dd #bcd2e4 #cdddeb #dde8f1 #eef4f8

Mørkere

#4076a4 #396a93 #335f83 #2d5373 #264762 #203b52 #192f41 #132331 #0d1821 #060c10

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 4.11:1 · AA Large

Den raske brune reven

På svart · 5.11:1 · AA

Anbefalt tekstfarge: #000000

Bruk steelblue i kode

CSS color: #4682b4;
SCSS $color: #4682b4;
Tailwind bg-[#4682b4]
Swift UIColor(red: 0.275, green: 0.510, blue: 0.706, alpha: 1)
Android Color.parseColor("#4682b4")
Flutter Color(0xFF4682B4)

Farger som ligner steelblue

Se alle Blå farger →

Hva er HSL-koden for steelblue?

CSS-fargen steelblue i HSL-format er hsl(207.3, 44%, 49%). Du kan bruke denne verdien direkte i CSS, SVG og designverktøy.

Hvordan bruker jeg steelblue i CSS?

For å bruke steelblue i CSS:

  • Tekstfarge: color: hsl(207.3, 44%, 49%);
  • Bakgrunnsfarge: background-color: hsl(207.3, 44%, 49%);
  • Kantlinje: border-color: hsl(207.3, 44%, 49%);

Hva er alle fargeformatverdiene for steelblue?

FormatValue
HEX#4682b4
RGBrgb(70, 130, 180)
HSLhsl(207.3, 44%, 49%)
CMYKcmyk(61.1%, 27.8%, 0%, 29.4%)

Hvordan konverterer jeg steelblue til HSL?

Velg steelblue fra fargelisten i vår fargekonverter. HSL-verdien — hsl(207.3, 44%, 49%) — vises umiddelbart sammen med HEX, RGB, HSL og CMYK.

Hvilken fargefamilie tilhører steelblue?

steelblue tilhører den blå fargefamilien. Det er en middels, moderat mettet farge med HSL-verdier: fargetone 207.3°, metning 44%, lyshet 49%.

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

Lysere variant (lyshet 64%): #7ba7cc. Mørkere variant (lyshet 34%): #315a7d. 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.