Hogyan tervezzünk kékkel és kiegészítő színekkel

Tartalomjegyzék:

Hogyan tervezzünk kékkel és kiegészítő színekkel
Hogyan tervezzünk kékkel és kiegészítő színekkel
Anonim

A kék az egyik leggyakrabban használt szín a webdesignban. A közepes és sötétkék használata pihentető érzést biztosít, amelyet a tervezők sárgával és narancssárgával kiegészíthetnek.

Íme néhány módszer, amellyel a kék más színekkel is együttműködhet.

Az ellentétek vonzzák, és a kék jól passzol a narancshoz

Image
Image

Fontolja meg a kék és a narancssárga színek kombinálását egy kiegészítő színsémában.

A fenti képen a legsötétebbtől a legvilágosabbig a narancssárga színek mindegyik kék színmintával a következők:

  • Hex FFA500 | RGB 255, 165, 0 (arany narancs; SVG szín kulcsszó és CSS szín kulcsszó narancs)
  • Hex FF8000 | RGB 255, 128, 0 (közepes narancssárga)
  • Hex FF4500 | RGB 255, 69, 0 (narancsvörös; SVG-szín kulcsszó narancssárga)
  • Hex C83200 | RGB 200, 50, 0 (sötétnarancs)
  • Számok: Hex FF7F27 | RGB 255, 127, 39 (barack narancs)

A blues a sötétebbtől a világosabbig:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS szín kulcsszó/SVG szín kulcsszó sötétkék)
  2. Kék: Hex 0000FF | RGB 0, 0, 255 (a CSS/SVG szín kulcsszó kék; böngésző biztonságos színe)
  3. Hex: 0045FF | RGB 0, 69, 255 (közepes kék)
  4. Acélkék: Hatlap 4682B4 | RGB 70, 130, 180 (SVG-szín kulcsszó acélkék; vállalati kék)
  5. Hex: 0080FF | RGB 0, 128, 255 (közepes kék)
  6. Világoskék: Hex ADD8E6 | RGB 173, 216, 230 (SVG szín kulcsszó világoskék)

A sötétkék és a kék közepes árnyalatai a fontosságot, a magabiztosságot, a hatalmat, az intelligenciát, a stabilitást, az egységet és a konzervativizmust szimbolizálják. Ha narancssárgát adsz a túlnyomórészt sötétkék palettádhoz, akkor meleget és energiát adsz, ami megóvhatja a palettát attól, hogy túlságosan domború vagy túlzott legyen.

Nem kell pontosan ezeket az árnyalatokat használnod. Világosítson vagy sötétítsen egy kicsit, vagy lépjen egy ponttal balra vagy jobbra a színkörön. Ezek a színkombinációk segítenek megtalálni a megfelelő színpalettát a kék és a narancssárga fő összetevők használatával.

Mix Deep Blues aranysárgával

Image
Image

Vegye a sötétkéket majdnem lilára, és adjon hozzá egy csepp napsárgát egy kiegészítő színsémában.

A kék egy hideg szín, amely a lilás tónusok hozzáadásával melegebbé vált, míg a sárga egy meleg szín a színkör másik oldalán. A kellemetlen rezgések elkerülése érdekében ne használja egyenlő mennyiségben. Elevenítse kékjét egy sárgával (vagy csillapítsa meg a sárgáját egy csipetnyi kékkel).

A legsötétebbtől a legvilágosabbig, a fenti képen minden kék színminta sárga színe a következő:

  • Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (meleg, barnássárga)
  • Arany: Hex FFD700 | RGB 255, 215, 0 (SVG színkulcsszó arany)
  • Számok: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS színkulcsszó: sárga)

A blues:

  1. Nagyon sötétkék: Hex 000033 | RGB 0, 0, 51 (böngésző biztonságos sötétkék)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG színkulcsszó: midnightblue)
  3. Sötét palakék: Hex 483D8B RGB 72, 61, 139 (SVG színkulcsszó darkslateblue; szürkés-lilás kék)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG szín kulcsszó: indigó; lilás kék)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG színkulcsszó: kéklila)
  6. Kob altkék: Hex 3D59AB | RGB 61, 89, 171

A kék ibolyás-lila oldalát megvilágító színek egy kis titokzatosságot és a nőiesség jegyeit adhatják hozzá. Melegséget ad a hideg kéknek.

Cián árnyalatai sötét narancssárgával

Image
Image

A közepestől a sötét ciánig kék a zöld határán. Itt a különböző közepes kék és cián árnyalatok sötétbarnás narancssárga színekkel párosulnak.

Nyugtató tulajdonságai mellett ez a sötétebb kék árnyalat hordozhatja a zöld szimbolikáit is, mint például az egyensúlyt, a harmóniát és a stabilitást. Egy kis meleget és energiát kap, ha a narancs barnás vagy vöröses árnyalataival párosítják. A barna természetes, földhözragadt semleges szín. A piros és a cián ellentéte a színkörön, nagy kontraszttal, de nem feltétlenül nagyszerű kombináció. A pirosról a narancsra és a sötétebb kékre való átállás kellemesebb palettát biztosít.

A legsötétebbtől a legvilágosabbig a fenti képen az egyes kék színmintákkal látható vörös-narancs színek a következők:

  • Mélynarancsvörös: Hex CD3700 | RGB 205, 55, 0
  • Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
  • Számok: Piros hatszögletű FF0000 | RGB 255, 0, 0 (SVG/CSS színkulcsszó piros)

A blues:

  1. Sötét királykék: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not color kulcsszó deepskyblue)
  3. Sötét palakék: Hex 2F4F4F RGB 47, 79, 79 (not szín kulcsszó darkslateblue)
  4. Sötét cián: Hex 008B8B | RGB 0, 139, 139 (a kék zöldebb oldala)
  5. Mangánkék: Hex 03A89E | RGB 3, 168, 158 (kék türkiz szín)
  6. ciánkék (akva): Hex 00FFFF | RGB 0, 255, 255 (SVG szín kulcsszó: cián vagy aqua; kék-zöld szín)

Kék, piros és sárga

Image
Image

Egy felosztott kiegészítő hármas felvesz egy színt (ebben az esetben a kéket), majd megragadja a színeket az adott szín komplementerének mindkét oldalán (ellentétes szín a színkörön). A tiszta kék kiegészítése tiszta sárga. A középkék a narancssárgával szemben áll. Attól függően, hogy a kék melyik árnyalatával kezd, és hány köztes színen megy keresztül, a rózsaszínes-pirostól a sárgászöldig párosíthatja.

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. Élénypiros: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
  4. Sötét palakék: Hex 483D8B RGB 72, 61, 139 (SVG-szín kulcsszó: sötét palakék; szürkés-lilás kék)
  5. Arany: Hex FFD700 | RGB 255, 215, 0 (SVG színkulcsszó arany)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Sötét cián: Hex 008B8B | RGB 0, 139, 139 (a kék zöldebb oldala)
  8. Viola-Piros: Hex D02090 | RGB 208, 32, 144
  9. Sötétnarancs: Hex C83200 | RGB 200, 50, 0 (nem szín kulcsszó sötétnarancs)

A kék sötétebb árnyalatai fontosságot, magabiztosságot, hatalmat, tekintélyt, intelligenciát, stabilitást, egységet és konzervativizmust jeleznek. A piros egy másik erős szín, de jobban felkelti a figyelmet, mint a kék. A sárga fényességet és örömöt ad hozzá. Az egyes színek egyenlő mennyiségben történő használata gyermekszerűvé tenné a színt (gondoljunk az elsődleges színekre), mint az 1. példa. Ha azonban csak kis adagokban használod a pirosat és a sárgát (vagy a közeli színeket) elsősorban sötétkék színsémával, akkor ez nagyon alkalmas felnőtt projektekhez, amelyeket nem szeretnél túl komolynak tűnni.

Ajánlott: