Väripaletit

Väri: sininen

Yksi jokaisen näytön kolmesta valoväristä punaisen ja vihreän ohella. Se viestii rauhaa, luottamusta ja järjestystä. Se on yleisin väri pankkien, teknologiayritysten ja sosiaalisen median logoissa.

Muut nimet: kirkkaansininen.

Sininen · #0000FF

Perustiedot: sininen

Tämä väri (sininen, #0000FF) on kylmä, keskitumma ja hyvin kylläinen. Väriryhmä: siniset sävyt. RGB-sekoitus: punaista 0, vihreää 0 ja sinistä 255 (asteikolla 0–255). Tyypillisiä käyttökohteita: logot, verkkosivut, brändit, muoti.

Vaaleat ja tummat sävyt: sininen

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

Sopivat värit: sininen

ValkoinenRaikas ja puhdas, kuin meri ja pilvet.OranssiSen vastaväri, suurin mahdollinen kontrasti.HarmaaSiisti ja ammattimainen.KeltainenIloinen ja valoisa.BeigeLämpöä ja tasapainoa.VaaleanpunainenSuloinen ja moderni kontrasti.KahvinruskeaKlassinen ja luonnollinen yhdistelmä.VihreäSen luonnollinen naapuri, raikas ja rauhallinen.
Yhdistelyvinkit vaatteisiin ja sisustukseen: sininen →

Väriharmoniat: sininen

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

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

Väripaletteja, joissa on sininen

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: sininen

Valkoinen tekstiKontrasti 8.6:1 · AAA
Musta tekstiKontrasti 2.4:1 · Ei suositella

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

CSS-koodi

:root {
  --sininen: #0000FF;
  --sininen-rgb: 0, 0, 255;
}
.tausta { background-color: var(--sininen); }
.teksti { color: var(--sininen); }

Samankaltaiset värit: sininen

ViolettiTummanviolettiTummansininenUltramariiniLaivastonsininenMagentaKleininsininenRypäleenviolettiIndigoSähkönsininen

Muut siniset sävyt

LaivastonsininenTaivaansininenKobolttisininenSafiirinsininenTeräksensininenKuninkaansininenSähkönsininenKeskiyönsininenUltramariiniRanskansininenPreussinsininenPastellinsininenVauvansininenFarkunsininenKleininsininenTummansininenVaaleansininenCeruleansininen

Usein kysytyt kysymykset

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

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

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

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

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

Kyllä. Kontrasti valkoiseen on 8.6:1, mikä riittää normaalille tekstille (WCAG AA).

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

Sopii hyvin näiden kanssa: valkoinen, oranssi, harmaa, keltainen, beige. Vältä sekoittamasta liian monia eri sinisen sävyjä ilman neutraalia väriä, koska se näyttää sekavalta. Voimakkaan violetin kanssa sininen menettää selkeytensä.