Žalios spalvos

pavadinimai, HEX, RGB ir kontrastas

37 žalios spalvos, sugrupuotos pagal šviesumą. Spustelėkite bet kurią reikšmę, kad ją nukopijuotumėte.

Šviesios

7 spalvų

palegreen

CSS raktažodis

Ant balto 1.27:1 · Fail

Ant juodo 16.59:1 · AAA

aquamarine

CSS raktažodis

Ant balto 1.22:1 · Fail

Ant juodo 17.16:1 · AAA

lightgreen

CSS raktažodis

Ant balto 1.42:1 · Fail

Ant juodo 14.82:1 · AAA

mint

Ant balto 1.22:1 · Fail

Ant juodo 17.28:1 · AAA

mint green

Ant balto 1.24:1 · Fail

Ant juodo 16.97:1 · AAA

seafoam

Ant balto 1.31:1 · Fail

Ant juodo 16.07:1 · AAA

seafoam green

Ant balto 1.32:1 · Fail

Ant juodo 15.97:1 · AAA

Vidutinio tono

18 spalvų

darkseagreen

CSS raktažodis

Ant balto 2.15:1 · Fail

Ant juodo 9.76:1 · AAA

mediumaquamarine

CSS raktažodis

Ant balto 1.93:1 · Fail

Ant juodo 10.88:1 · AAA

lime

CSS raktažodis

Ant balto 1.37:1 · Fail

Ant juodo 15.3:1 · AAA

limegreen

CSS raktažodis

Ant balto 2.12:1 · Fail

Ant juodo 9.91:1 · AAA

springgreen

CSS raktažodis

Ant balto 1.35:1 · Fail

Ant juodo 15.61:1 · AAA

mediumspringgreen

CSS raktažodis

Ant balto 1.39:1 · Fail

Ant juodo 15.14:1 · AAA

mediumseagreen

CSS raktažodis

Ant balto 2.67:1 · Fail

Ant juodo 7.88:1 · AAA

seagreen

CSS raktažodis

Ant balto 4.25:1 · AA Large

Ant juodo 4.95:1 · AA

sage green

Ant balto 2.4:1 · Fail

Ant juodo 8.77:1 · AAA

wintergreen

Ant balto 1.4:1 · Fail

Ant juodo 14.96:1 · AAA

spearmint

Ant balto 1.42:1 · Fail

Ant juodo 14.74:1 · AAA

neon green

Ant balto 1.37:1 · Fail

Ant juodo 15.32:1 · AAA

vivid green

Ant balto 1.56:1 · Fail

Ant juodo 13.47:1 · AAA

fern

Ant balto 2.87:1 · Fail

Ant juodo 7.32:1 · AAA

turquoise green

Ant balto 1.47:1 · Fail

Ant juodo 14.31:1 · AAA

medium green

Ant balto 2.9:1 · Fail

Ant juodo 7.24:1 · AAA

jade green

Ant balto 2.82:1 · Fail

Ant juodo 7.44:1 · AAA

jade

Ant balto 3.07:1 · AA Large

Ant juodo 6.84:1 · AA

Tamsios

12 spalvų

forestgreen

CSS raktažodis

Ant balto 4.39:1 · AA Large

Ant juodo 4.78:1 · AA

green

CSS raktažodis

Ant balto 5.14:1 · AA

Ant juodo 4.09:1 · AA Large

darkgreen

CSS raktažodis

Ant balto 7.44:1 · AAA

Ant juodo 2.82:1 · Fail

viridian

Ant balto 3.96:1 · AA Large

Ant juodo 5.3:1 · AA

emerald

Ant balto 3.43:1 · AA Large

Ant juodo 6.13:1 · AA

emerald green

Ant balto 4.24:1 · AA Large

Ant juodo 4.95:1 · AA

pine

Ant balto 7.73:1 · AAA

Ant juodo 2.72:1 · Fail

jungle green

Ant balto 4.91:1 · AA

Ant juodo 4.28:1 · AA Large

forest

Ant balto 9.06:1 · AAA

Ant juodo 2.32:1 · Fail

deep green

Ant balto 8.61:1 · AAA

Ant juodo 2.44:1 · Fail

pine green

Ant balto 10.72:1 · AAA

Ant juodo 1.96:1 · Fail

hunter green

Ant balto 11.99:1 · AAA

Ant juodo 1.75:1 · Fail

Kopijuokite visą paletę

Visos šio puslapio žalios spalvos, paruoštos įklijuoti į jūsų projektą.

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",
    }
  }
}

Naršykite kitas spalvų šeimas

Raudonos Oranžinės Rudos ir smėlio Geltonos Alyvuogių ir gelsvai žalios Žydros Mėlynos Violetinės Rožinės Pilkos ir neutralios
Nukopijuota

Susijusios skaičiuoklės

Spalvų konverteris — RGB, HEX, HSL ir CMYK keitiklis

Konvertuokite spalvas tarp RGB, HEX, HSL ir CMYK formatų iš karto. Būtina priemonė interneto dizaineriams, programuotojams ir poligrafijos specialistams.

Žalios spalvų pavadinimai

Tikra žalia apima 100–165° atspalvį — nuo smaragdo ir miško iki mėtų, jūros žalios ir link žalsvai mėlynos linkstančių atspalvių. Tai šeima, labiausiai susijusi su reikšme sąsajose: sėkme, augimu, saugumu ir gamta.

Kaip naudoti šias spalvas

Žalia dera su šiltais neutraliais tonais, kreminiu ir medžio spalvomis, jei norite organiško įspūdžio, arba su antracito ir baltu, jei norite klinikinio. Tamsiai žalios yra puiki alternatyva tamsiai mėlynai kaip pagrindinei prekės ženklo spalvai. Kadangi ekrane žalia neša stiprią „sėkmės“ konotaciją, atsargiai naudokite ją dekoratyviai ten, kur naudotojai gali palaikyti ją būsena.

Kontrastas ir prieinamumas

Vidutinės žalios dažnai yra vos žemiau 4,5:1 ant balto — patikrinkite santykius, o ne spėkite. Tamsios miško žalios yra patikimos teksto spalvos. Svarbiausia: žalia ir raudona yra klasikinė painiavos pora spalvų neskiriantiems naudotojams, todėl sėkmės ir klaidos būsenos turi skirtis ne vien atspalviu.