Väripaletit

Väri: punaoranssi

Se asettuu tarkalleen punaisen ja oranssin väliin, ja CSS:ssä sen nimi on orangered. Se on täynnä energiaa ja vangitsee katseen heti. Sitä käytetään painikkeissa, ilmoituskuvakkeissa ja brändeissä, jotka haluavat tuntua dynaamisilta.

Muut nimet: oranssinpunainen.

Punaoranssi · #FF4500

Perustiedot: punaoranssi

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

Vaaleat ja tummat sävyt: punaoranssi

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

Väriharmoniat: punaoranssi

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

KomplementaarinenLähellä: Vauvansininen
AnaloginenLähellä: Kirsikanpunainen, Auringonkukankeltainen
TriadiLähellä: Neonvihreä, Sininen
Jaettu komplementaarinenLähellä: Akvamariini, Sininen
TetradiLähellä: Neonvihreä, Vauvansininen, Violetti

Väripaletteja, joissa on punaoranssi

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: punaoranssi

Valkoinen tekstiKontrasti 3.4:1 · AA iso teksti
Musta tekstiKontrasti 6.1:1 · AA

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

CSS-koodi

:root {
  --punaoranssi: #FF4500;
  --punaoranssi-rgb: 255, 69, 0;
}
.tausta { background-color: var(--punaoranssi); }
.teksti { color: var(--punaoranssi); }

Samankaltaiset värit: punaoranssi

FerrarinpunainenHelakanpunainenNeonoranssiPunainenKurpitsanoranssiTomaatinpunainenMahonkiPoltettu oranssiSinooperinpunainenOranssi

Muut oranssit sävyt

OranssiMandariiniKurpitsanoranssiPorkkananoranssiAprikoosiPersikkaKoralliTerrakottaPoltettu oranssiLohenpunainenRuosteenpunainenKupariNeonoranssiPastellioranssi

Usein kysytyt kysymykset

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

HEX-värikoodi on #FF4500 (punaoranssi). RGB-muodossa se on rgb(255, 69, 0), HSL-muodossa hsl(16, 100%, 50%) ja CMYK-arvot ovat 0, 73, 100, 0.

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 3.4:1, mustaan 6.1:1.