Grønne farger

navn, HEX, RGB og kontrast

37 grønne farger, gruppert etter lyshet. Klikk på en verdi for å kopiere den.

Lyse

7 farger

palegreen

CSS-nøkkelord

På hvitt 1.27:1 · Fail

På svart 16.59:1 · AAA

aquamarine

CSS-nøkkelord

På hvitt 1.22:1 · Fail

På svart 17.16:1 · AAA

lightgreen

CSS-nøkkelord

På hvitt 1.42:1 · Fail

På svart 14.82:1 · AAA

mint

På hvitt 1.22:1 · Fail

På svart 17.28:1 · AAA

mint green

På hvitt 1.24:1 · Fail

På svart 16.97:1 · AAA

seafoam

På hvitt 1.31:1 · Fail

På svart 16.07:1 · AAA

seafoam green

På hvitt 1.32:1 · Fail

På svart 15.97:1 · AAA

Middels

18 farger

darkseagreen

CSS-nøkkelord

På hvitt 2.15:1 · Fail

På svart 9.76:1 · AAA

mediumaquamarine

CSS-nøkkelord

På hvitt 1.93:1 · Fail

På svart 10.88:1 · AAA

lime

CSS-nøkkelord

På hvitt 1.37:1 · Fail

På svart 15.3:1 · AAA

limegreen

CSS-nøkkelord

På hvitt 2.12:1 · Fail

På svart 9.91:1 · AAA

springgreen

CSS-nøkkelord

På hvitt 1.35:1 · Fail

På svart 15.61:1 · AAA

mediumspringgreen

CSS-nøkkelord

På hvitt 1.39:1 · Fail

På svart 15.14:1 · AAA

mediumseagreen

CSS-nøkkelord

På hvitt 2.67:1 · Fail

På svart 7.88:1 · AAA

seagreen

CSS-nøkkelord

På hvitt 4.25:1 · AA Large

På svart 4.95:1 · AA

sage green

På hvitt 2.4:1 · Fail

På svart 8.77:1 · AAA

wintergreen

På hvitt 1.4:1 · Fail

På svart 14.96:1 · AAA

spearmint

På hvitt 1.42:1 · Fail

På svart 14.74:1 · AAA

neon green

På hvitt 1.37:1 · Fail

På svart 15.32:1 · AAA

vivid green

På hvitt 1.56:1 · Fail

På svart 13.47:1 · AAA

fern

På hvitt 2.87:1 · Fail

På svart 7.32:1 · AAA

turquoise green

På hvitt 1.47:1 · Fail

På svart 14.31:1 · AAA

medium green

På hvitt 2.9:1 · Fail

På svart 7.24:1 · AAA

jade green

På hvitt 2.82:1 · Fail

På svart 7.44:1 · AAA

jade

På hvitt 3.07:1 · AA Large

På svart 6.84:1 · AA

Mørke

12 farger

forestgreen

CSS-nøkkelord

På hvitt 4.39:1 · AA Large

På svart 4.78:1 · AA

green

CSS-nøkkelord

På hvitt 5.14:1 · AA

På svart 4.09:1 · AA Large

darkgreen

CSS-nøkkelord

På hvitt 7.44:1 · AAA

På svart 2.82:1 · Fail

viridian

På hvitt 3.96:1 · AA Large

På svart 5.3:1 · AA

emerald

På hvitt 3.43:1 · AA Large

På svart 6.13:1 · AA

emerald green

På hvitt 4.24:1 · AA Large

På svart 4.95:1 · AA

pine

På hvitt 7.73:1 · AAA

På svart 2.72:1 · Fail

jungle green

På hvitt 4.91:1 · AA

På svart 4.28:1 · AA Large

forest

På hvitt 9.06:1 · AAA

På svart 2.32:1 · Fail

deep green

På hvitt 8.61:1 · AAA

På svart 2.44:1 · Fail

pine green

På hvitt 10.72:1 · AAA

På svart 1.96:1 · Fail

hunter green

På hvitt 11.99:1 · AAA

På svart 1.75:1 · Fail

Kopier hele paletten

Alle grønne fargene på denne siden, klare til å limes inn i prosjektet ditt.

CSS 
:root {
  --palegreen: #98fb98;
  --aquamarine: #7fffd4;
  --lightgreen: #90ee90;
  --darkseagreen: #8fbc8f;
  --mediumaquamarine: #66cdaa;
  --lime: #00ff00;
  --limegreen: #32cd32;
  --springgreen: #00ff7f;
  --mediumspringgreen: #00fa9a;
  --mediumseagreen: #3cb371;
  --seagreen: #2e8b57;
  --forestgreen: #228b22;
  --green: #008000;
  --darkgreen: #006400;
  --mint: #9ffeb0;
  --mint-green: #8fff9f;
  --seafoam: #80f9ad;
  --seafoam-green: #7af9ab;
  --sage-green: #88b378;
  --wintergreen: #20f986;
  --spearmint: #1ef876;
  --neon-green: #0cff0c;
  --vivid-green: #2fef10;
  --fern: #63a950;
  --turquoise-green: #04f489;
  --medium-green: #39ad48;
  --jade-green: #2baf6a;
  --jade: #1fa774;
  --viridian: #1e9167;
  --emerald: #01a049;
  --emerald-green: #028f1e;
  --pine: #2b5d34;
  --jungle-green: #048243;
  --forest: #0b5509;
  --deep-green: #02590f;
  --pine-green: #0a481e;
  --hunter-green: #0b4008;
}
SCSS 
$palegreen: #98fb98;
$aquamarine: #7fffd4;
$lightgreen: #90ee90;
$darkseagreen: #8fbc8f;
$mediumaquamarine: #66cdaa;
$lime: #00ff00;
$limegreen: #32cd32;
$springgreen: #00ff7f;
$mediumspringgreen: #00fa9a;
$mediumseagreen: #3cb371;
$seagreen: #2e8b57;
$forestgreen: #228b22;
$green: #008000;
$darkgreen: #006400;
$mint: #9ffeb0;
$mint-green: #8fff9f;
$seafoam: #80f9ad;
$seafoam-green: #7af9ab;
$sage-green: #88b378;
$wintergreen: #20f986;
$spearmint: #1ef876;
$neon-green: #0cff0c;
$vivid-green: #2fef10;
$fern: #63a950;
$turquoise-green: #04f489;
$medium-green: #39ad48;
$jade-green: #2baf6a;
$jade: #1fa774;
$viridian: #1e9167;
$emerald: #01a049;
$emerald-green: #028f1e;
$pine: #2b5d34;
$jungle-green: #048243;
$forest: #0b5509;
$deep-green: #02590f;
$pine-green: #0a481e;
$hunter-green: #0b4008;
Tailwind 
theme: {
  extend: {
    colors: {
      "palegreen": "#98fb98",
      "aquamarine": "#7fffd4",
      "lightgreen": "#90ee90",
      "darkseagreen": "#8fbc8f",
      "mediumaquamarine": "#66cdaa",
      "lime": "#00ff00",
      "limegreen": "#32cd32",
      "springgreen": "#00ff7f",
      "mediumspringgreen": "#00fa9a",
      "mediumseagreen": "#3cb371",
      "seagreen": "#2e8b57",
      "forestgreen": "#228b22",
      "green": "#008000",
      "darkgreen": "#006400",
      "mint": "#9ffeb0",
      "mint-green": "#8fff9f",
      "seafoam": "#80f9ad",
      "seafoam-green": "#7af9ab",
      "sage-green": "#88b378",
      "wintergreen": "#20f986",
      "spearmint": "#1ef876",
      "neon-green": "#0cff0c",
      "vivid-green": "#2fef10",
      "fern": "#63a950",
      "turquoise-green": "#04f489",
      "medium-green": "#39ad48",
      "jade-green": "#2baf6a",
      "jade": "#1fa774",
      "viridian": "#1e9167",
      "emerald": "#01a049",
      "emerald-green": "#028f1e",
      "pine": "#2b5d34",
      "jungle-green": "#048243",
      "forest": "#0b5509",
      "deep-green": "#02590f",
      "pine-green": "#0a481e",
      "hunter-green": "#0b4008",
    }
  }
}

Bla gjennom andre fargefamilier

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

Grønne fargenavn

Ekte grønt spenner over fargetone 100–165°, fra smaragd og skoggrønn via mynte og sjøgrønn til de turkisnære nyansene. Det er familien som er sterkest knyttet til mening i grensesnitt: suksess, vekst, trygghet og natur.

Slik bruker du disse fargene

Grønt passer med varme nøytraler, krem og tretoner for et organisk uttrykk, eller med koksgrå og hvitt for et klinisk. Dype grønnfarger er utmerkede alternativer til marineblå som primær merkevarefarge. Fordi grønt bærer en så sterk «suksess»-konnotasjon på skjerm, vær forsiktig med å bruke det dekorativt der brukere kan lese det som en status.

Kontrast og tilgjengelighet

Grønne mellomtoner ligger ofte like under 4,5:1 på hvitt — sjekk forholdene i stedet for å anta. Mørke skoggrønne er pålitelige tekstfarger. Aller viktigst: grønt og rødt er det klassiske forvekslingsparet for fargeblinde, så suksess- og feiltilstander må skille seg med mer enn fargetone alene.