Kuinka suunnitella sinisillä ja täydentävillä väreillä

2024 Kirjoittaja: Abigail Brown | [email protected]. Viimeksi muokattu: 2023-12-17 06:47

Sininen on yksi yleisimmistä web-suunnittelussa käytetyistä väreistä. Keskipitkän tai tumman sinisen käyttäminen rohkaisee rentouttavaan tunnelmaan, jota suunnittelijat voivat täydentää keltaisella ja oranssilla.

Tässä on muutamia eri tapoja, joilla sininen voi toimia muiden värien kanssa.

Vastakohdat houkuttelevat ja sininen sopii yhteen oranssin kanssa

Harkitse sinisten värien yhdistämistä oranssiin täydentäväksi värimaailmaksi.

Tummimmasta vaaleimpiin oranssit, jotka näkyvät kunkin sinisen värin kanssa yllä olevassa kuvassa:

• Hex FFA500 | RGB 255, 165, 0 (kultaoranssi; SVG-väriavainsana ja CSS-väriavainsana oranssi)
• Hex FF8000 | RGB 255, 128, 0 (keskioranssi)
• Hex FF4500 | RGB 255, 69, 0 (oranssi punainen; SVG-väriavainsana oranssi)
• Hex C83200 | RGB 200, 50, 0 (tumma oranssi)
• Numerot: Hex FF7F27 | RGB 255, 127, 39 (persikkaoranssi)

Blues, tummemmasta vaaleampaan ovat:

1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS-väriavainsana/SVG-väriavainsana laivasto)
2. Sininen: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-väriavainsana on sininen; selaimen turvallinen väri)
3. Hex: 0045FF | RGB 0, 69, 255 (keskikokoinen sininen)
4. Teräksensininen: Hex 4682B4 | RGB 70, 130, 180 (SVG-väriavainsana teräksensininen; yrityksen sininen)
5. Hex: 0080FF | RGB 0, 128, 255 (keskikokoinen sininen)
6. Vaaleansininen: Hex ADD8E6 | RGB 173, 216, 230 (SVG-väriavainsana vaaleansininen)

Tummansininen ja sinisen keskisävyt symboloivat tärkeyttä, luottamusta, voimaa, älykkyyttä, vakautta, yhtenäisyyttä ja konservatiivisuutta. Lisäämällä oranssia pääasiassa tummansiniseen palettiisi tuot lämpöä ja energiaa, jotka voivat estää palettiasi olemasta liian naarmuinen tai ylivoimainen.

Sinun ei tarvitse käyttää juuri näitä sävyjä. Muuta hieman vaaleampaa tai tummempaa tai siirry yksi kohta vasemmalle tai oikealle väriympyrässä. Nämä väriyhdistelmät auttavat sinua löytämään sopivan väripaletin käyttämällä sinistä ja oranssia pääkomponentteina.

Sekoita syvää bluesia kultaisen keltaisen kanssa

Muuta tummansininen lähes purppuraiseksi ja lisää ripaus auringonkeltaista täydentävään värimaailmaan.

Sininen on viileä väri, joka muuttuu lämpimäksi, kun lisäät purppuraisia sävyjä, kun taas keltainen on lämmin väri väriympyrän toisella puolella. Epämiellyttävän tärinän välttämiseksi vältä samansuuruista käyttöä. Elävöi sinistäsi keltaisella ripauksella (tai rauhoita keltaistasi ripauksella sinistä).

Tummimmasta vaaleimpaan, kunkin sinisen väripalkin kanssa yllä olevassa kuvassa näkyvät keltaiset ovat:

• Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (lämmin, ruskehtavan keltainen)
• Kulta: Hex FFD700 | RGB 255, 215, 0 (SVG-väriavainsana kulta)
• Numerot: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS-väriavainsana keltainen)

Blues ovat:

1. Erittäin tummansininen: Hex 000033 | RGB 0, 0, 51 (selainturvallinen tummansininen)
2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG-väriavainsana midnightblue)
3. Tumman liuskekivensininen: Hex 483D8B RGB 72, 61, 139 (SVG-väriavainsana darkslateblue; harmahtavan purppuransininen)
4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG-väriavainsana indigo; purppuransininen)
5. Sininen violetti: Hex 8A2BE2 | RGB 138, 43, 226 (SVG-väriavainsana blueviolet)
6. Cob alt Blue: Hex 3D59AB | RGB 61, 89, 171

Värit, jotka nousevat sinisen violetti-violetille puolelle, voivat lisätä ripauksen mysteeriä ja naisellisuutta. Se lisää lämpöä viileään siniseen.

Syaanin sävyt tummanoranssin kanssa

Keski tai tumma syaani on sininen vihreän partaalla. Täällä erilaisia keskisinisiä ja syaanisävyjä yhdistetään tumman ruskehtavan oranssin kanssa.

Rauhoittavien ominaisuuksiensa lisäksi tämä tummempi sinisen sävy saattaa sisältää vihreän symboliikkaa, kuten tasapainoa, harmoniaa ja vakautta. Se saa hieman lämpöä ja energiaa yhdistettynä ruskehtaviin tai punertaviin oranssin sävyihin. Ruskea on luonnollinen, maanläheinen neutraali väri. Punainen ja syaani ovat väriympyrän vastakohtia suurella kontrastilla, mutta ne eivät välttämättä ole loistava yhdistelmä. Siirtyminen punaisesta oranssiin ja tummempaan siniseen tarjoaa miellyttävämmän paletin.

Tummimmasta vaaleimpaan punaoranssi, joka näkyy kunkin sinisen värimallin yhteydessä yllä olevassa kuvassa:

• Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
• Kadmiumoranssi: Hex FF6103 | RGB 255, 97, 3
• Numerot: Punainen Hex FF0000 | RGB 255, 0, 0 (SVG/CSS-väriavainsana punainen)

Blues ovat:

1. Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not väriavainsana deepskyblue)
3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not väriavainsana darkslateblue)
4. Tumma syaani: Hex 008B8B | RGB 0, 139, 139 (sinisen vihreämpi puoli)
5. Mangaaninsininen: Hex 03A89E | RGB 3, 168, 158 (sininen turkoosi väri)
6. Syaani (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG-väriavainsana syaani tai vesi; sinivihreä väri)

Sininen, punainen ja keltainen

Jaettu täydentävä triadi ottaa yhden värin (tässä tapauksessa sinisen) ja nappaa sitten värit kyseisen värin komplementin molemmilta puolilta (väriympyrän vastakkainen väri). Puhtaan sinisen komplementti on puhdas keltainen. Keskisininen on vastapäätä oranssia. Riippuen siitä, millä sinisen sävyllä aloitat ja kuinka monta väliväriä käyt läpi, voit yhdistää sen väreillä punertavan punaisesta kelta-vihreään.

1. Navy: Hex 000080 | RGB 0, 0, 128
2. Kirkaspunainen: Hex FE0004 | RGB 254, 0, 4
3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
4. Tumman liuskekiven sininen: Hex 483D8B RGB 72, 61, 139 (SVG-väriavainsana tumma liuskekiven sininen; harmahtavan purppuransininen)
5. Kulta: Hex FFD700 | RGB 255, 215, 0 (SVG-väriavainsana kulta)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Tumma syaani: Hex 008B8B | RGB 0, 139, 139 (sinisen vihreämpi puoli)
8. violetti-punainen: Hex D02090 | RGB 208, 32, 144
9. Tummanoranssi: Hex C83200 | RGB 200, 50, 0 (not väriavainsana tummanoranssi)

Sinisen tummemmat sävyt ilmaisevat tärkeyttä, luottamusta, voimaa, auktoriteettia, älykkyyttä, vakautta, yhtenäisyyttä ja konservatiivisuutta. Punainen on toinen voimaväri, mutta se kiinnittää huomiota enemmän kuin sininen. Keltainen lisää kirkkautta ja iloa. Saman määrän käyttäminen kutakin väriä tekisi siitä lapsenomaisen (ajattele päävärejä), kuten esimerkki 1. Kuitenkin, jos käytät vain pieniä annoksia punaista ja keltaista (tai lähellä olevia värejä) pääasiassa tummansinisellä värimaailmalla, se sopii hyvin aikuisten projekteihin, joiden et halua näyttää liian vakav alta.