Rosa farger

navn, HEX, RGB og kontrast

33 rosa farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

6 farger

thistle

CSS-nøkkelord

På hvitt 1.7:1 · Fail

På svart 12.36:1 · AAA

plum

CSS-nøkkelord

På hvitt 2.07:1 · Fail

På svart 10.15:1 · AAA

violet

CSS-nøkkelord

På hvitt 2.32:1 · Fail

På svart 9.06:1 · AAA

hotpink

CSS-nøkkelord

På hvitt 2.65:1 · Fail

På svart 7.93:1 · AAA

pale pink

På hvitt 1.38:1 · Fail

På svart 15.21:1 · AAA

baby pink

På hvitt 1.63:1 · Fail

På svart 12.92:1 · AAA

Middels

13 farger

palevioletred

CSS-nøkkelord

På hvitt 3.11:1 · AA Large

På svart 6.75:1 · AA

orchid

CSS-nøkkelord

På hvitt 2.89:1 · Fail

På svart 7.27:1 · AAA

deeppink

CSS-nøkkelord

På hvitt 3.64:1 · AA Large

På svart 5.77:1 · AA

fuchsia

CSS-nøkkelord

På hvitt 3.14:1 · AA Large

På svart 6.7:1 · AA

magenta

CSS-nøkkelord

På hvitt 3.14:1 · AA Large

På svart 6.7:1 · AA

mediumvioletred

CSS-nøkkelord

På hvitt 5.42:1 · AA

På svart 3.87:1 · AA Large

barbie pink

På hvitt 3.17:1 · AA Large

På svart 6.63:1 · AA

mauve

På hvitt 3.83:1 · AA Large

På svart 5.48:1 · AA

dark pink

På hvitt 4.66:1 · AA

På svart 4.51:1 · AA

neon pink

På hvitt 3.69:1 · AA Large

På svart 5.69:1 · AA

cerise

På hvitt 4.84:1 · AA

På svart 4.33:1 · AA Large

medium purple

På hvitt 5.56:1 · AA

På svart 3.78:1 · AA Large

ruby

På hvitt 5.82:1 · AA

På svart 3.61:1 · AA Large

Mørke

14 farger

darkmagenta

CSS-nøkkelord

På hvitt 8.5:1 · AAA

På svart 2.47:1 · Fail

purple

CSS-nøkkelord

På hvitt 9.42:1 · AAA

På svart 2.23:1 · Fail

raspberry

På hvitt 7.13:1 · AAA

På svart 2.95:1 · Fail

grape

På hvitt 9.12:1 · AAA

På svart 2.3:1 · Fail

cranberry

På hvitt 8.35:1 · AAA

På svart 2.51:1 · Fail

mulberry

På hvitt 8.84:1 · AAA

På svart 2.38:1 · Fail

wine

På hvitt 10.53:1 · AAA

På svart 1.99:1 · Fail

wine red

På hvitt 11.17:1 · AAA

På svart 1.88:1 · Fail

bordeaux

På hvitt 11.18:1 · AAA

På svart 1.88:1 · Fail

burgundy

På hvitt 13.7:1 · AAA

På svart 1.53:1 · Fail

aubergine

På hvitt 16.43:1 · AAA

På svart 1.28:1 · Fail

dark purple

På hvitt 16.84:1 · AAA

På svart 1.25:1 · Fail

eggplant

På hvitt 16.74:1 · AAA

På svart 1.25:1 · Fail

deep purple

På hvitt 17.03:1 · AAA

På svart 1.23:1 · Fail

Kopier hele paletten

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

CSS 
:root {
  --thistle: #d8bfd8;
  --plum: #dda0dd;
  --violet: #ee82ee;
  --hotpink: #ff69b4;
  --palevioletred: #db7093;
  --orchid: #da70d6;
  --deeppink: #ff1493;
  --fuchsia: #ff00ff;
  --magenta: #ff00ff;
  --mediumvioletred: #c71585;
  --darkmagenta: #8b008b;
  --purple: #800080;
  --pale-pink: #ffcfdc;
  --baby-pink: #ffb7ce;
  --barbie-pink: #fe46a5;
  --mauve: #ae7181;
  --dark-pink: #cb416b;
  --neon-pink: #fe019a;
  --cerise: #de0c62;
  --medium-purple: #9e43a2;
  --ruby: #ca0147;
  --raspberry: #b00149;
  --grape: #6c3461;
  --cranberry: #9e003a;
  --mulberry: #920a4e;
  --wine: #80013f;
  --wine-red: #7b0323;
  --bordeaux: #7b002c;
  --burgundy: #610023;
  --aubergine: #3d0734;
  --dark-purple: #35063e;
  --eggplant: #380835;
  --deep-purple: #36013f;
}
SCSS 
$thistle: #d8bfd8;
$plum: #dda0dd;
$violet: #ee82ee;
$hotpink: #ff69b4;
$palevioletred: #db7093;
$orchid: #da70d6;
$deeppink: #ff1493;
$fuchsia: #ff00ff;
$magenta: #ff00ff;
$mediumvioletred: #c71585;
$darkmagenta: #8b008b;
$purple: #800080;
$pale-pink: #ffcfdc;
$baby-pink: #ffb7ce;
$barbie-pink: #fe46a5;
$mauve: #ae7181;
$dark-pink: #cb416b;
$neon-pink: #fe019a;
$cerise: #de0c62;
$medium-purple: #9e43a2;
$ruby: #ca0147;
$raspberry: #b00149;
$grape: #6c3461;
$cranberry: #9e003a;
$mulberry: #920a4e;
$wine: #80013f;
$wine-red: #7b0323;
$bordeaux: #7b002c;
$burgundy: #610023;
$aubergine: #3d0734;
$dark-purple: #35063e;
$eggplant: #380835;
$deep-purple: #36013f;
Tailwind 
theme: {
  extend: {
    colors: {
      "thistle": "#d8bfd8",
      "plum": "#dda0dd",
      "violet": "#ee82ee",
      "hotpink": "#ff69b4",
      "palevioletred": "#db7093",
      "orchid": "#da70d6",
      "deeppink": "#ff1493",
      "fuchsia": "#ff00ff",
      "magenta": "#ff00ff",
      "mediumvioletred": "#c71585",
      "darkmagenta": "#8b008b",
      "purple": "#800080",
      "pale-pink": "#ffcfdc",
      "baby-pink": "#ffb7ce",
      "barbie-pink": "#fe46a5",
      "mauve": "#ae7181",
      "dark-pink": "#cb416b",
      "neon-pink": "#fe019a",
      "cerise": "#de0c62",
      "medium-purple": "#9e43a2",
      "ruby": "#ca0147",
      "raspberry": "#b00149",
      "grape": "#6c3461",
      "cranberry": "#9e003a",
      "mulberry": "#920a4e",
      "wine": "#80013f",
      "wine-red": "#7b0323",
      "bordeaux": "#7b002c",
      "burgundy": "#610023",
      "aubergine": "#3d0734",
      "dark-purple": "#35063e",
      "eggplant": "#380835",
      "deep-purple": "#36013f",
    }
  }
}

Bla gjennom andre fargefamilier

Røde Oransje Brune og beige Gule Oliven og gulgrønne Grønne Cyan Blå Lilla 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.

Rosa fargenavn

Rosa går fra fargetone 290° til 345° og dekker magenta, fuksia, rose og de bleke rosafargene. Den ligger mellom lilla og rødt, og rommer noen av de mest fargesterke tonene en skjerm kan vise — magenta ligger særlig nær kanten av sRGB-området.

Slik bruker du disse fargene

Rosa har for lengst beveget seg forbi de gamle kjønnsassosiasjonene og er nå en vanlig aksent innen mote, musikk og utviklerverktøy. Knallrosa og magenta er oppmerksomhetsfarger som brukes best sparsomt; de dempede rosetonene oppfører seg mer som varme nøytraler og tåler store flater. Rosa passer slående godt med dyp grønn og marineblå.

Kontrast og tilgjengelighet

Bleke rosafarger er bakgrunnsfarger — nesten alle stryker som tekst på hvitt. Magenta og dyp rose går som regel gjennom AA på hvitt og er de tryggeste tekstvalgene i denne familien. Fordi rosa og rødt er nabofarger, bør du unngå å bruke dem til å skille to tilstander fra hverandre.