Lilla farger

navn, HEX, RGB og kontrast

11 lilla farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

1 farger

light purple

På hvitt 2.92:1 · Fail

På svart 7.18:1 · AAA

Middels

8 farger

mediumorchid

CSS-nøkkelord

På hvitt 3.94:1 · AA Large

På svart 5.33:1 · AA

blueviolet

CSS-nøkkelord

På hvitt 5.96:1 · AA

På svart 3.52:1 · AA Large

darkorchid

CSS-nøkkelord

På hvitt 5.7:1 · AA

På svart 3.68:1 · AA Large

darkviolet

CSS-nøkkelord

På hvitt 6.56:1 · AA

På svart 3.2:1 · AA Large

rebeccapurple

CSS-nøkkelord

På hvitt 8.41:1 · AAA

På svart 2.5:1 · Fail

pale purple

På hvitt 2.64:1 · Fail

På svart 7.95:1 · AAA

wisteria

På hvitt 3.29:1 · AA Large

På svart 6.38:1 · AA

vivid purple

På hvitt 5.62:1 · AA

På svart 3.73:1 · AA Large

Mørke

2 farger

indigo

CSS-nøkkelord

På hvitt 12.95:1 · AAA

På svart 1.62:1 · Fail

royal purple

På hvitt 13.78:1 · AAA

På svart 1.52:1 · Fail

Kopier hele paletten

Alle lilla fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --mediumorchid: #ba55d3;
  --blueviolet: #8a2be2;
  --darkorchid: #9932cc;
  --darkviolet: #9400d3;
  --rebeccapurple: #663399;
  --indigo: #4b0082;
  --light-purple: #bf77f6;
  --pale-purple: #b790d4;
  --wisteria: #a87dc2;
  --vivid-purple: #9900fa;
  --royal-purple: #4b006e;
}
SCSS 
$mediumorchid: #ba55d3;
$blueviolet: #8a2be2;
$darkorchid: #9932cc;
$darkviolet: #9400d3;
$rebeccapurple: #663399;
$indigo: #4b0082;
$light-purple: #bf77f6;
$pale-purple: #b790d4;
$wisteria: #a87dc2;
$vivid-purple: #9900fa;
$royal-purple: #4b006e;
Tailwind 
theme: {
  extend: {
    colors: {
      "mediumorchid": "#ba55d3",
      "blueviolet": "#8a2be2",
      "darkorchid": "#9932cc",
      "darkviolet": "#9400d3",
      "rebeccapurple": "#663399",
      "indigo": "#4b0082",
      "light-purple": "#bf77f6",
      "pale-purple": "#b790d4",
      "wisteria": "#a87dc2",
      "vivid-purple": "#9900fa",
      "royal-purple": "#4b006e",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje Brune og beige Gule Oliven og gulgrønne Grønne Cyan Blå Rosa Grå og nøytrale
Kopiert

Relaterte kalkulatorer

Fargekonverter — RGB, HEX, HSL og CMYK

Konverter farger mellom RGB, HEX, HSL og CMYK umiddelbart. Nyttig verktøy for webutviklere, designere og fagfolk som jobber med digitale og trykte medier.

Lilla fargenavn

Lilla dekker et bevisst smalt bånd, fargetone 270–290°, mellom blått og rosa. Det er den sjeldneste familien i lister over navngitte farger, og det er en del av tiltrekningen — lilla oppleves fortsatt som særpreget heller enn standard.

Slik bruker du disse fargene

Lilla signaliserer kreativitet, premiumposisjonering og i økende grad KI og utviklerverktøy. Den passer med gult for maksimal kontrast, med turkis for noe kjøligere, og med varmgrå for tilbakeholdenhet. Dype fiolette toner gir sterke mørkmodus-flater uten kulden fra ren marineblå.

Kontrast og tilgjengelighet

Middels og mørke lilla går som regel gjennom AA som tekst på hvitt, og dyp fiolett når ofte AAA. Lavendel og de andre lyse lillafargene er bakgrunnsfarger, ikke tekstfarger. Lilla er tryggere enn rødt eller grønt for fargeblinde, men kan forveksles med blått ved lav metning.