Väripaletit

Väri: kevätvihreä

Kirkas ja raikas vihreä, jossa on ripaus sinistä kuin kevään puhkeavissa lehdissä. Se on yksi HTML:n ja CSS:n vakioväreistä. Huomiota herättävä painikkeissa, pääsiäisgrafiikassa ja energisessä suunnittelussa.

Muut nimet: spring green.

Avaa editorissa

HEX-värikoodi on #00FF7F (kevätvihreä). RGB-muodossa se on rgb(0, 255, 127), HSL-muodossa hsl(150, 100%, 50%) ja CMYK-arvot ovat 100, 0, 50, 0.

Näe se oikeasti

Valitse yhdistettävä väri ja katso, miltä se näyttää vaatteissa, sisustuksessa ja designissa.

Samankaltaiset värit: kevätvihreä

Mintunvihreä#98FF98Pastellinvihreä#77DD77Vaaleanvihreä#90EE90Irlanninvihreä#4CBB17Smaragdinvihreä#50C878Neonvihreä#39FF14

Perustiedot: kevätvihreä

Tämä väri (kevätvihreä, #00FF7F) on lämpimän ja kylmän välissä, keskitumma ja hyvin kylläinen. Väriryhmä: vihreät sävyt. RGB-sekoitus: punaista 0, vihreää 255 ja sinistä 127 (asteikolla 0–255). Tyypillisiä käyttökohteita: verkkosivut, graafinen suunnittelu, tapahtumat.

Värimalli: Kevätvihreä ja sen sävyt vaaleasta tummaan · #00FF7F
Kevätvihreä · #00FF7F

Vaaleat ja tummat sävyt: kevätvihreä

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

Näe kaikki sävyt: Värisävyjen generaattori

Väriharmoniat: kevätvihreä

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

KomplementaarinenLähellä: Syvä pinkki
AnaloginenLähellä: Neonvihreä, Syaani
TriadiLähellä: Violetti, Oranssi
Jaettu komplementaarinenLähellä: Magenta, Punainen
TetradiLähellä: Sininen, Syvä pinkki, Keltainen

Väripaletteja, joissa on kevätvihreä

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: kevätvihreä

Valkoinen tekstiKontrasti 1.3:1 · Ei suositella
Musta tekstiKontrasti 15.6:1 · AAA

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

CSS-koodi

:root {
  --kevatvihrea: #00FF7F;
  --kevatvihrea-rgb: 0, 255, 127;
}
.tausta { background-color: var(--kevatvihrea); }
.teksti { color: var(--kevatvihrea); }

Samankaltaiset värit: kevätvihreä

RuohonvihreäChartreuseJadenvihreäMetsänvihreä

Muut vihreät sävyt

VihreäSmaragdinvihreäLimenvihreäOliivinvihreäMintunvihreäSammaleenvihreäMetsänvihreäJadenvihreäMännynvihreäOmenanvihreäSalvianvihreäPullonvihreäArmeijanvihreäNeonvihreäPistaasinvihreäRuohonvihreäChartreusePastellinvihreäTummanvihreäVaaleanvihreäMeksikonvihreäAvokadonvihreäSeladoniSaniaisenvihreä
Värimalli: Kevätvihreä ja sen sävyt vaaleasta tummaan · #00FF7F
Värimalli: Kevätvihreä ja sen sävyt vaaleasta tummaan · #00FF7F

Kokeile seuraavaksi

Nimen väripalettiKirjoita nimi ja saat oman color story paletinVäriakvaarioRentouttava 3D-akvaario omilla paleteillasiSyntymäpäivävärien kuosiRuudut ja raidat perheen syntymäpäivistä
Katso kaikki ilmaiset työkalut →

Usein kysytyt kysymykset

Väri kevätvihreä: mikä on sen värikoodi?

HEX-värikoodi on #00FF7F (kevätvihreä). RGB-muodossa se on rgb(0, 255, 127), HSL-muodossa hsl(150, 100%, 50%) ja CMYK-arvot ovat 100, 0, 50, 0.

Väri kevätvihreä: mikä on sen vastaväri?

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 1.3:1, mustaan 15.6:1.