Väripaletit

Väri: keltainen

Väriympyrän vaalein väri ja ensimmäinen, jonka silmä huomaa. Se liitetään aurinkoon, kesään ja varovaisuuteen. Siksi sitä näkee takseissa, liikennemerkeissä ja brändeissä, jotka haluavat näyttää iloisilta.

Muut nimet: kirkkaankeltainen.

Keltainen · #FFFF00

Perustiedot: keltainen

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

Vaaleat ja tummat sävyt: keltainen

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

Sopivat värit: keltainen

HarmaaModerni ja tasapainoinen klassikko.LaivastonsininenVahva ja tyylikäs kontrasti.ValkoinenRaikas ja valoisa.MustaSuurin kontrasti, todella graafinen.TummanviolettiSen vastaväri, värisevä ja rohkea.VihreäLuonnollinen ja iloinen yhdistelmä.TaivaansininenKeväinen pari.BeigePehmeä ja lämmin pohja.
Yhdistelyvinkit vaatteisiin ja sisustukseen: keltainen →

Väriharmoniat: keltainen

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

KomplementaarinenLähellä: Sininen
AnaloginenLähellä: Oranssi, Chartreuse
TriadiLähellä: Syaani, Magenta
Jaettu komplementaarinenLähellä: Sähkönsininen, Violetti
TetradiLähellä: Mintunvihreä, Sininen, Syvä pinkki

Väripaletteja, joissa on keltainen

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: keltainen

Valkoinen tekstiKontrasti 1.1:1 · Ei suositella
Musta tekstiKontrasti 19.6:1 · AAA

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

CSS-koodi

:root {
  --keltainen: #FFFF00;
  --keltainen-rgb: 255, 255, 0;
}
.tausta { background-color: var(--keltainen); }
.teksti { color: var(--keltainen); }

Samankaltaiset värit: keltainen

SitruunankeltainenKanarialinnunkeltainenNeonkeltainenKultaLimenvihreäMaissinkeltainenAuringonkukankeltainenSahraminkeltainenMeripihkaOmenanvihreä

Muut keltaiset sävyt

KultaVanha kultaSinapinkeltainenSitruunankeltainenMeripihkaVehnänkeltainenHunajankeltainenKanarialinnunkeltainenSahraminkeltainenSamppanjaPastellinkeltainenNeonkeltainenMaissinkeltainenAuringonkukankeltainen

Usein kysytyt kysymykset

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

HEX-värikoodi on #FFFF00 (keltainen). RGB-muodossa se on rgb(255, 255, 0), HSL-muodossa hsl(60, 100%, 50%) ja CMYK-arvot ovat 0, 0, 100, 0.

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 1.1:1, mustaan 19.6:1.

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

Sopii hyvin näiden kanssa: harmaa, laivastonsininen, valkoinen, musta, tummanvioletti. Vältä yhdistämästä sitä voimakkaaseen oranssiin tai punaiseen samaan aikaan, koska kokonaisuudesta tulee räikeä. Tekstinä puhtaalla valkoisella keltaista on todella vaikea lukea.