Väripaletit

Väri: asuurinsininen

Kirkas ja eloisa sininen puhtaan sinisen ja syaanin välissä, kuin pilvetön kesätaivas. Nimi juontaa persian kielen sanaan, joka tarkoittaa lapislatsulia. Sävy on yleinen teknologiabrändeissä ja digitaalisessa suunnittelussa.

Muut nimet: asuuri, atsuuri.

Avaa editorissa

HEX-värikoodi on #007FFF (asuurinsininen). RGB-muodossa se on rgb(0, 127, 255), HSL-muodossa hsl(210, 100%, 50%) ja CMYK-arvot ovat 100, 50, 0, 0.

Näe se oikeasti

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

Samankaltaiset värit: asuurinsininen

Sähkönsininen#2C75FFKuninkaansininen#4169E1Safiirinsininen#0F52BAFarkunsininen#1560BDLiuskeensininen#6A5ACDRuiskaunokinsininen#6495ED

Perustiedot: asuurinsininen

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

Värimalli: Asuurinsininen ja sen sävyt vaaleasta tummaan · #007FFF
Asuurinsininen · #007FFF

Vaaleat ja tummat sävyt: asuurinsininen

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

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

Väriharmoniat: asuurinsininen

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

KomplementaarinenLähellä: Oranssi
AnaloginenLähellä: Syaani, Sininen
TriadiLähellä: Syvä pinkki, Chartreuse
Jaettu komplementaarinenLähellä: Punainen, Keltainen
TetradiLähellä: Magenta, Oranssi, Neonvihreä

Väripaletteja, joissa on asuurinsininen

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

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

Kontrasti tekstin kanssa: asuurinsininen

Valkoinen tekstiKontrasti 3.8:1 · AA iso teksti
Musta tekstiKontrasti 5.5:1 · AA

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

CSS-koodi

:root {
  --asuurinsininen: #007FFF;
  --asuurinsininen-rgb: 0, 127, 255;
}
.tausta { background-color: var(--asuurinsininen); }
.teksti { color: var(--asuurinsininen); }

Samankaltaiset värit: asuurinsininen

KobolttisininenRanskansininenAmetistiKleininsininen

Missä näet tämän värin

GoogleBränditFacebookBrändit

Teemapaletit, joissa on tämä väri

Kuolleiden päivän väripaletitIloisten värien paletitAmmattimaiset väripaletit yrityksille

Muut siniset sävyt

SininenLaivastonsininenTaivaansininenKobolttisininenSafiirinsininenTeräksensininenKuninkaansininenSähkönsininenKeskiyönsininenUltramariiniRanskansininenPreussinsininenPastellinsininenVauvansininenFarkunsininenKleininsininenTummansininenVaaleansininenCeruleansininenTalvionsininenRuiskaunokinsininenPölyinen sininenMerensininenPuuterinsininen
Värimalli: Asuurinsininen ja sen sävyt vaaleasta tummaan · #007FFF
Värimalli: Asuurinsininen ja sen sävyt vaaleasta tummaan · #007FFF

Kokeile seuraavaksi

Nimen väripalettiKirjoita nimi ja saat oman color story paletinVärianalyysi selfiestäLöydä värityyppisi ja parhaat värisi yhdestä kuvastaMinkä värinen on äänesi?Puhu 5 sekuntia ja muuta äänesi väriksi
Katso kaikki ilmaiset työkalut →

Usein kysytyt kysymykset

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

HEX-värikoodi on #007FFF (asuurinsininen). RGB-muodossa se on rgb(0, 127, 255), HSL-muodossa hsl(210, 100%, 50%) ja CMYK-arvot ovat 100, 50, 0, 0.

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

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

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

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 3.8:1, mustaan 5.5:1.