Väripaletit

Väri: punainen

Puhdas näytön punainen: punainen kanava täysillä, ei vihreää eikä sinistä. Se vangitsee katseen nopeammin kuin mikään muu väri. Siksi sitä näkee varoituksissa, alennusmyynneissä ja ostopainikkeissa. Liika punainen väsyttää silmää, joten sitä käytetään yleensä pieninä annoksina.

Muut nimet: kirkkaanpunainen.

Punainen · #FF0000

Perustiedot: punainen

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

Vaaleat ja tummat sävyt: punainen

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

Sopivat värit: punainen

MustaVoimakas ja tyylikäs pari.ValkoinenRaikas ja iloinen.LaivastonsininenKlassinen merellinen tyyli.HarmaaRauhoittaa punaista ja tekee siitä siistin.BeigeLämmin ja tyylikäs pohja.KultaYlellisyyttä ja juhlaa.CamelLämmin ja hienostunut kontrasti.PuuterinroosaPehmeä ja trendikäs kontrasti.
Yhdistelyvinkit vaatteisiin ja sisustukseen: punainen →

Väriharmoniat: punainen

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

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

Väripaletteja, joissa on punainen

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: punainen

Valkoinen tekstiKontrasti 4.0:1 · AA iso teksti
Musta tekstiKontrasti 5.3:1 · AA

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

CSS-koodi

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

Samankaltaiset värit: punainen

HelakanpunainenFerrarinpunainenPunaoranssiNeonoranssiSinooperinpunainenKirsikanpunainenTomaatinpunainenMahonkiKurpitsanoranssiKarmiininpunainen

Muut punaiset sävyt

KarmiininpunainenHelakanpunainenSinooperinpunainenGranaatinpunainenBurgundinpunainenViininpunainenKarmiiniRubiininpunainenKirsikanpunainenTiilenpunainenVerenpunainenMarsalaTomaatinpunainenFerrarinpunainenIntianpunainen

Usein kysytyt kysymykset

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

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

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 4.0:1, mustaan 5.3:1.

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

Sopii hyvin näiden kanssa: musta, valkoinen, laivastonsininen, harmaa, beige. Vältä yhdistämästä kirkkaanvihreään, koska se näyttää jouluiselta, tai voimakkaaseen oranssiin, koska siitä tulee liikaa. Paljon punaista suurilla pinnoilla väsyttää.