Väripaletit

Väri: tumma oranssi

Voimakas ja kylläinen oranssi, joka on yksi HTML:n ja CSS:n nimetyistä väreistä. Nimestään huolimatta se on kirkas eikä tumma, vain hieman syvempi kuin puhdas oranssi. Kätevä varoituksiin, korostuksiin ja halloween-grafiikkaan.

Muut nimet: dark orange, tummanoranssi.

Avaa editorissa

HEX-värikoodi on #FF8C00 (tumma oranssi). RGB-muodossa se on rgb(255, 140, 0), HSL-muodossa hsl(33, 100%, 50%) ja CMYK-arvot ovat 0, 45, 100, 0.

Näe se oikeasti

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

Samankaltaiset värit: tumma oranssi

Mandariini#F28500Oranssi#FF8000Porkkananoranssi#ED9121Kurpitsanoranssi#FF7518Samettikukka#EAA221Mango#FF8243

Perustiedot: tumma oranssi

Tämä väri (tumma oranssi, #FF8C00) on lämmin, keskitumma ja hyvin kylläinen. Väriryhmä: oranssit sävyt. RGB-sekoitus: punaista 255, vihreää 140 ja sinistä 0 (asteikolla 0–255). Tyypillisiä käyttökohteita: verkkosivut, turvallisuus, graafinen suunnittelu.

Värimalli: Tumma oranssi ja sen sävyt vaaleasta tummaan · #FF8C00
Tumma oranssi · #FF8C00

Vaaleat ja tummat sävyt: tumma oranssi

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

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

Väriharmoniat: tumma oranssi

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

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

Väripaletteja, joissa on tumma oranssi

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: tumma oranssi

Valkoinen tekstiKontrasti 2.3:1 · Ei suositella
Musta tekstiKontrasti 9.0:1 · AAA

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

CSS-koodi

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

Samankaltaiset värit: tumma oranssi

KaneliPersimoniOkraPastellioranssi

Teemapaletit, joissa on tämä väri

Halloweenin väripaletitKuolleiden päivän väripaletitIloisten värien paletit

Muut oranssit sävyt

OranssiMandariiniKurpitsanoranssiPorkkananoranssiAprikoosiPersikkaKoralliTerrakottaPoltettu oranssiLohenpunainenRuosteenpunainenKupariNeonoranssiPastellioranssiPunaoranssiMangoMeloniPersimoniVaalea lohiPoltettu sienaKorallinpinkki
Värimalli: Tumma oranssi ja sen sävyt vaaleasta tummaan · #FF8C00
Värimalli: Tumma oranssi ja sen sävyt vaaleasta tummaan · #FF8C00

Kokeile seuraavaksi

Nimen väripalettiKirjoita nimi ja saat oman color story paletinSyntymäpäivävärien kuosiRuudut ja raidat perheen syntymäpäivistäVärianalyysi selfiestäLöydä värityyppisi ja parhaat värisi yhdestä kuvasta
Katso kaikki ilmaiset työkalut →

Usein kysytyt kysymykset

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

HEX-värikoodi on #FF8C00 (tumma oranssi). RGB-muodossa se on rgb(255, 140, 0), HSL-muodossa hsl(33, 100%, 50%) ja CMYK-arvot ovat 0, 45, 100, 0.

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 2.3:1, mustaan 9.0:1.