Väripaletit

Väri: vihreä

Kasvien ja lehvästön väri. Näytöllä se asettuu sinisen ja keltaisen valon väliin. Se liitetään luontoon, terveyteen ja lupaan jatkaa. Sitä näkee usein ympäristöbrändeissä, pankeissa ja vahvistuspainikkeissa.

Muut nimet: keskivihreä.

Vihreä · #008000

Perustiedot: vihreä

Tämä väri (vihreä, #008000) on lämpimän ja kylmän välissä, tumma ja hyvin kylläinen. Väriryhmä: vihreät sävyt. RGB-sekoitus: punaista 0, vihreää 128 ja sinistä 0 (asteikolla 0–255). Tyypillisiä käyttökohteita: logot, luonto, verkkosivut, kyltit.

Vaaleat ja tummat sävyt: vihreä

Vaaleimmasta tummimpaan. Napauta sävyä, niin koodi kopioituu.

Sopivat värit: vihreä

ValkoinenRaikas ja puhdas.BeigeLuonnollinen ja rento.KahvinruskeaKuin puu ja lehdet.LaivastonsininenViileä ja tyylikäs yhdistelmä.VaaleanpunainenSen vastavärikontrasti.KeltainenIloinen ja keväinen.KultaYlellisyyttä ja lämpöä.HarmaaRauhoittaa vihreää ja tekee siitä modernimman.
Yhdistelyvinkit vaatteisiin ja sisustukseen: vihreä →

Väriharmoniat: vihreä

Yhdistelmät väriympyrän mukaan. Lue lisää väriharmonioista.

KomplementaarinenLähellä: Purppura
AnaloginenLähellä: Jadenvihreä
TriadiLähellä: Laivastonsininen, Granaatinpunainen
Jaettu komplementaarinenLähellä: Indigo, Burgundinpunainen
TetradiLähellä: Ultravioletti, Purppura, Suklaanruskea

Väripaletteja, joissa on vihreä

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

Paletti: Monokromaattinen · Vihreä
Paletti: Analoginen · Vihreä
Paletti: Komplementaarinen · Vihreä
Paletti: Triadi · Vihreä
Paletti: Neutraalit sävyt · Vihreä
Paletti: Korostusväri · Vihreä

Kontrasti tekstin kanssa: vihreä

Valkoinen tekstiKontrasti 5.1:1 · AA
Musta tekstiKontrasti 4.1:1 · AA iso teksti

WCAG 2.1 -ohjeiden mukaan. Testaa muita väripareja kontrastin tarkistuksella.

CSS-koodi

:root {
  --vihrea: #008000;
  --vihrea-rgb: 0, 128, 0;
}
.tausta { background-color: var(--vihrea); }
.teksti { color: var(--vihrea); }

Samankaltaiset värit: vihreä

MetsänvihreäTummanvihreäJadenvihreäSmaragdinvihreäOmenanvihreäPastellinvihreäPistaasinvihreäOliivinvihreäVaaleanvihreäSammaleenvihreä

Muut vihreät sävyt

SmaragdinvihreäLimenvihreäOliivinvihreäMintunvihreäSammaleenvihreäMetsänvihreäJadenvihreäMännynvihreäOmenanvihreäSalvianvihreäPullonvihreäArmeijanvihreäNeonvihreäPistaasinvihreäRuohonvihreäChartreusePastellinvihreäTummanvihreäVaaleanvihreäMeksikonvihreä

Usein kysytyt kysymykset

Väri vihreä: mikä on sen värikoodi?

HEX-värikoodi on #008000 (vihreä). RGB-muodossa se on rgb(0, 128, 0), HSL-muodossa hsl(120, 100%, 25%) ja CMYK-arvot ovat 100, 0, 100, 50.

Väri vihreä: mikä on sen vastaväri?

Vastaväri väriympyrässä on #800080 (lähin nimetty väri: purppura). Pieninä määrinä se toimii korostusvärinä ja tuo paljon kontrastia.

Väri vihreä: voiko sen päällä käyttää valkoista tekstiä?

Kyllä. Kontrasti valkoiseen on 5.1:1, mikä riittää normaalille tekstille (WCAG AA).

Väri vihreä: mitkä värit sopivat yhteen sen kanssa?

Sopii hyvin näiden kanssa: valkoinen, beige, kahvinruskea, laivastonsininen, vaaleanpunainen. Vältä yhdistämästä sitä voimakkaaseen punaiseen, ellet halua joulutunnelmaa. Monien lämpötilaltaan erilaisten vihreiden sekoittaminen ilman neutraalia väriä näyttää sekavalta.