Darkblue til HSL

Fargekode

#00008b
Format Value
HEX #00008b
RGB rgb(0, 0, 139)
HSL hsl(240, 100%, 27.3%)
CMYK cmyk(100%, 100%, 0%, 45.5%)
HSV hsv(240, 100%, 54.5%)

darkblue fargeharmonier

Lysere og mørkere nyanser av darkblue

Lysere

#171796 #2e2ea0 #4646ab #5d5db5 #7474c0 #8b8bca #a2a2d5 #b9b9df #d1d1ea #e8e8f4

Mørkere

#00007e #000072 #000065 #000058 #00004c #00003f #000033 #000026 #000019 #00000d

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 15.3:1 · AAA

Den raske brune reven

På svart · 1.37:1 · Fail

Anbefalt tekstfarge: #ffffff

Bruk darkblue i kode

CSS color: #00008b;
SCSS $color: #00008b;
Tailwind bg-[#00008b]
Swift UIColor(red: 0.000, green: 0.000, blue: 0.545, alpha: 1)
Android Color.parseColor("#00008b")
Flutter Color(0xFF00008B)

Farger som ligner darkblue

Se alle Blå farger →

Hva er HSL-koden for darkblue?

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

Hvordan bruker jeg darkblue i CSS?

For å bruke darkblue i CSS:

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

Hva er alle fargeformatverdiene for darkblue?

FormatValue
HEX#00008b
RGBrgb(0, 0, 139)
HSLhsl(240, 100%, 27.3%)
CMYKcmyk(100%, 100%, 0%, 45.5%)

Hvordan konverterer jeg darkblue til HSL?

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

Hvilken fargefamilie tilhører darkblue?

darkblue tilhører den blå fargefamilien. Det er en mørk, livlig farge med HSL-verdier: fargetone 240°, metning 100%, lyshet 27.3%.

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

Lysere variant (lyshet 42.3%): #0000d8. Mørkere variant (lyshet 12.3%): #00003f. 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.