Indigo til HSL — Fargekode

#4b0082
Format Value
HEX #4b0082
RGB rgb(75, 0, 130)
HSL hsl(274.6, 100%, 25.5%)
CMYK cmyk(42.3%, 100%, 0%, 49%)
HSV hsv(274.6, 100%, 51%)

indigo fargeharmonier

Lysere og mørkere nyanser av indigo

Lysere

#5b178d #6c2e99 #7c46a4 #8c5daf #9d74bb #ad8bc6 #bea2d2 #ceb9dd #ded1e8 #efe8f4

Mørkere

#440076 #3d006a #37005f #300053 #290047 #22003b #1b002f #140023 #0e0018 #07000c

Kontrast og tilgjengelighet

Den raske brune reven

På hvitt · 12.95:1 · AAA

Den raske brune reven

På svart · 1.62:1 · Fail

Anbefalt tekstfarge: #ffffff

Bruk indigo i kode

CSS color: #4b0082;
SCSS $color: #4b0082;
Tailwind bg-[#4b0082]
Swift UIColor(red: 0.294, green: 0.000, blue: 0.510, alpha: 1)
Android Color.parseColor("#4b0082")
Flutter Color(0xFF4B0082)

Farger som ligner indigo

Se alle Lilla farger →

Hva er HSL-koden for indigo?

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

Hvordan bruker jeg indigo i CSS?

For å bruke indigo i CSS:

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

Hva er alle fargeformatverdiene for indigo?

FormatValue
HEX#4b0082
RGBrgb(75, 0, 130)
HSLhsl(274.6, 100%, 25.5%)
CMYKcmyk(42.3%, 100%, 0%, 49%)

Hvordan konverterer jeg indigo til HSL?

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

Hvilken fargefamilie tilhører indigo?

indigo tilhører den lilla fargefamilien. Det er en mørk, livlig farge med HSL-verdier: fargetone 274.6°, metning 100%, lyshet 25.5%.

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

Lysere variant (lyshet 40.5%): #7700cf. Mørkere variant (lyshet 10.5%): #1f0036. 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.