Väripaletit

Väri: violetti

Sateenkaaren viimeinen näkyvä väri juuri ennen ultraviolettia. Se on saanut nimensä orvokkia tarkoittavasta latinan sanasta viola. Se liitetään luovuuteen ja henkisyyteen sekä naisliikkeeseen.

Muut nimet: sinivioletti.

Violetti · #8F00FF

Perustiedot: violetti

Tämä väri (violetti, #8F00FF) on kylmä, keskitumma ja hyvin kylläinen. Väriryhmä: violetit sävyt. RGB-sekoitus: punaista 143, vihreää 0 ja sinistä 255 (asteikolla 0–255). Tyypillisiä käyttökohteita: brändit, muoti, taide.

Vaaleat ja tummat sävyt: violetti

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

Sopivat värit: violetti

KeltainenSen vastaväri: värisevä kontrasti.HarmaaRauhoittaa violettia ja tekee siitä tyylikkään.ValkoinenPuhdas ja raikas kontrasti.MintunvihreäRaikas ja omaperäinen yhdistelmä.VaaleanpunainenModerni ja suloinen skaala.HopeaViileä ja tyylikäs hohto.LaivastonsininenSyvyyttä ja mystiikkaa.MustaDramaattinen ilme.
Yhdistelyvinkit vaatteisiin ja sisustukseen: violetti →

Väriharmoniat: violetti

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

KomplementaarinenLähellä: Chartreuse
AnaloginenLähellä: Sininen, Magenta
TriadiLähellä: Mandariini, Mintunvihreä
Jaettu komplementaarinenLähellä: Keltainen, Neonvihreä
TetradiLähellä: Punainen, Chartreuse, Syaani

Väripaletteja, joissa on violetti

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: violetti

Valkoinen tekstiKontrasti 5.8:1 · AA
Musta tekstiKontrasti 3.6:1 · AA iso teksti

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

CSS-koodi

:root {
  --violetti: #8F00FF;
  --violetti-rgb: 143, 0, 255;
}
.tausta { background-color: var(--violetti); }
.teksti { color: var(--violetti); }

Samankaltaiset värit: violetti

SininenMagentaTummanviolettiTummansininenRypäleenviolettiUltramariiniLaivastonsininenIndigoKleininsininenSähkönsininen

Teemapaletit, joissa on tämä väri

Neonväripaletit

Muut violetit sävyt

TummanviolettiPurppuraLiilaLaventeliMalvaLuumuAmetistiMunakoisoOrkideaIndigoRypäleenviolettiSinisadePastelliliilaUltravioletti

Usein kysytyt kysymykset

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

HEX-värikoodi on #8F00FF (violetti). RGB-muodossa se on rgb(143, 0, 255), HSL-muodossa hsl(274, 100%, 50%) ja CMYK-arvot ovat 44, 100, 0, 0.

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

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

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

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

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

Sopii hyvin näiden kanssa: keltainen, harmaa, valkoinen, mintunvihreä, vaaleanpunainen. Vältä yhdistämästä sitä voimakkaaseen punaiseen tai oranssiin, koska kokonaisuudesta tulee raskas. Samankaltaisten violettien sävyjen kanssa ilman kontrastia se näyttää sekavalta.