Väripaletit

Väri: oranssi

Nimi tulee hedelmästä, joka saapui Eurooppaan Aasiasta arabian sanan naranj kautta. Väri yhdistää punaisen energian ja keltaisen ilon. Sitä näkee huomioliiveissä, alennuskylteissä ja brändeissä, jotka haluavat tuntua ystävällisiltä.

Muut nimet: appelsiininvärinen.

Oranssi · #FF8000

Perustiedot: oranssi

Tämä väri (oranssi, #FF8000) on lämmin, keskitumma ja hyvin kylläinen. Väriryhmä: oranssit sävyt. RGB-sekoitus: punaista 255, vihreää 128 ja sinistä 0 (asteikolla 0–255). Tyypillisiä käyttökohteita: logot, kyltit, verkkosivut, urheilu.

Vaaleat ja tummat sävyt: oranssi

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

Sopivat värit: oranssi

LaivastonsininenSen tumma vastaväri: vahva ja tyylikäs kontrasti.ValkoinenRaikas ja iloinen.HarmaaRauhoittaa oranssia ja tekee siitä modernin.KahvinruskeaLämmin syksyn skaala.OliivinvihreäLuonnollinen retroyhdistelmä.TummanviolettiRohkea ja luova kontrasti.TurkoosiTrooppinen pari täynnä elämää.BeigePehmeä ja lämmin pohja.
Yhdistelyvinkit vaatteisiin ja sisustukseen: oranssi →

Väriharmoniat: oranssi

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

KomplementaarinenLähellä: Sähkönsininen
AnaloginenLähellä: Punainen, Keltainen
TriadiLähellä: Mintunvihreä, Violetti
Jaettu komplementaarinenLähellä: Syaani, Sininen
TetradiLähellä: Neonvihreä, Sähkönsininen, Magenta

Väripaletteja, joissa on oranssi

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: oranssi

Valkoinen tekstiKontrasti 2.5:1 · Ei suositella
Musta tekstiKontrasti 8.3:1 · AAA

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

CSS-koodi

:root {
  --oranssi: #FF8000;
  --oranssi-rgb: 255, 128, 0;
}
.tausta { background-color: var(--oranssi); }
.teksti { color: var(--oranssi); }

Samankaltaiset värit: oranssi

MandariiniKurpitsanoranssiPorkkananoranssiNeonoranssiPoltettu oranssiKaneliOkraKoralliPunaoranssiMahonki

Teemapaletit, joissa on tämä väri

Väripaletit mobiilisovelluksiinHalloweenin väripaletitKuolleiden päivän väripaletitIloisten värien paletit

Muut oranssit sävyt

MandariiniKurpitsanoranssiPorkkananoranssiAprikoosiPersikkaKoralliTerrakottaPoltettu oranssiLohenpunainenRuosteenpunainenKupariNeonoranssiPastellioranssiPunaoranssi

Usein kysytyt kysymykset

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

HEX-värikoodi on #FF8000 (oranssi). RGB-muodossa se on rgb(255, 128, 0), HSL-muodossa hsl(30, 100%, 50%) ja CMYK-arvot ovat 0, 50, 100, 0.

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

Vastaväri väriympyrässä on #007FFF (lähin nimetty väri: sähkönsininen). Pieninä määrinä se toimii korostusvärinä ja tuo paljon kontrastia.

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 2.5:1, mustaan 8.3:1.

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

Sopii hyvin näiden kanssa: laivastonsininen, valkoinen, harmaa, kahvinruskea, oliivinvihreä. Vältä yhdistämästä sitä voimakkaaseen punaiseen tai vaaleanpunaiseen ilman neutraaleja värejä, koska kokonaisuudesta tulee räikeä. Kirkkaan keltaisen kanssa siitä voi tulla liikaa.