Väripaletit

Väri: oliivinvihreä

Inspiraationa vihreät oliivit. Se on hillitty vihreä keltaisella ja ruskealla pohjalla. Se on klassikko sotilasvaatteissa, takeissa ja maanvärisessä sisustuksessa.

Muut nimet: oliivi.

Oliivinvihreä · #808000

Perustiedot: oliivinvihreä

Tämä väri (oliivinvihreä, #808000) on lämmin, tumma ja hyvin kylläinen. Väriryhmä: vihreät sävyt. RGB-sekoitus: punaista 128, vihreää 128 ja sinistä 0 (asteikolla 0–255). Tyypillisiä käyttökohteita: muoti, sisustus, univormut.

Vaaleat ja tummat sävyt: oliivinvihreä

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

Sopivat värit: oliivinvihreä

SinapinkeltainenMolemmissa on keltainen pohja, ja yhdessä ne luovat syksyisen tunnelman.TerrakottaMaanläheinen punainen sävy luo kontrastin vihreään ilman, että ne riitelevät.BeigePehmentää oliivinvihreää ja antaa puhtaan, luonnollisen ilmeen.Murrettu valkoinenTuo valoa ilman puhtaan valkoisen kylmyyttä.CamelKorostaa rentoa safarityyliä.LaivastonsininenTumma ja tyylikäs kontrasti kylmän ja lämpimän sävyn välillä.PuuterinroosaHillitty roosa, joka tasapainottaa oliivinvihreän maanläheisyyttä.KahvinruskeaTuo luonnollista syvyyttä, täydellinen nahassa ja puussa.
Yhdistelyvinkit vaatteisiin ja sisustukseen: oliivinvihreä →

Väriharmoniat: oliivinvihreä

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

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

Väripaletteja, joissa on oliivinvihreä

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: oliivinvihreä

Valkoinen tekstiKontrasti 4.2:1 · AA iso teksti
Musta tekstiKontrasti 5.0:1 · AA

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

CSS-koodi

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

Samankaltaiset värit: oliivinvihreä

Vanha kultaSammaleenvihreäKaramelliOmenanvihreäArmeijanvihreäSinapinkeltainenPistaasinvihreäHunajankeltainenKupariCamel

Muut vihreät sävyt

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

Usein kysytyt kysymykset

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

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

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 4.2:1, mustaan 5.0:1.

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

Sopii hyvin näiden kanssa: sinapinkeltainen, terrakotta, beige, murrettu valkoinen, camel. Vältä neonvihreää ja limetinvihreää sen vieressä: ne kilpailevat keskenään ja saavat oliivinvihreän näyttämään likaiselta. Älä myöskään käytä liikaa mustaa, sillä kokonaisuudesta tulee raskas ja synkkä.