Mavi ve Tamamlayıcı Renklerle Nasıl Tasarım Yapılır

İçindekiler:

Mavi ve Tamamlayıcı Renklerle Nasıl Tasarım Yapılır
Mavi ve Tamamlayıcı Renklerle Nasıl Tasarım Yapılır
Anonim

Mavi, web tasarımında kullanılan en yaygın renklerden biridir. Orta ila koyu mavi kullanmak, tasarımcıların sarı ve turuncu ile tamamlayabileceği rahatlatıcı bir hissi teşvik eder.

İşte Mavi'nin diğer renklerle çalışabileceği birkaç farklı yol.

Karşıtlıklar Çeker ve Mavi Turuncu ile İyi Gider

Image
Image

Tamamlayıcı bir renk düzeninde mavi renkleri turuncu ile birleştirmeyi düşünün.

En koyudan en açık renge, yukarıdaki resimde her bir mavi renk örneğiyle gösterilen portakallar:

  • Hex FFA500 | RGB 255, 165, 0 (altın turuncu; SVG renk anahtar sözcüğü ve CSS renk anahtar sözcüğü turuncu)
  • On altılı FF8000 | RGB 255, 128, 0 (orta turuncu)
  • Hex FF4500 | RGB 255, 69, 0 (turuncu kırmızı; SVG renk anahtar sözcüğü turuncu kırmızı)
  • On altılı C83200 | RGB 200, 50, 0 (koyu turuncu)
  • Sayılar: Hex FF7F27 | RGB 255, 127, 39 (şeftali portakalı)

Blues, daha koyudan daha aydınlığa:

  1. Donanma: On altılı 000080 | RGB 0, 0, 128 (CSS renkli anahtar sözcük/SVG renkli anahtar sözcük lacivert)
  2. Mavi: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG renk anahtar sözcüğü mavidir; tarayıcı için güvenli renk)
  3. On altılı: 0045FF | RGB 0, 69, 255 (orta mavi)
  4. Çelik Mavisi: Altıgen 4682B4 | RGB 70, 130, 180 (SVG renk anahtar kelimesi steelblue; kurumsal bir mavi)
  5. On altılı: 0080FF | RGB 0, 128, 255 (orta mavi)
  6. Açık Mavi: Altıgen ADD8E6 | RGB 173, 216, 230 (SVG renk anahtar kelimesi açık mavi)

Koyu maviler ve mavinin orta tonları önemi, güveni, gücü, zekayı, istikrarı, birliği ve muhafazakarlığı simgeler. Ağırlıklı olarak koyu mavi olan paletinize biraz portakal ekleyerek, paletinizin fazla gösterişli veya aşırı güçlü olmasını engelleyebilecek bir miktar sıcaklık ve enerji katmış olursunuz.

Bu tonları tam olarak kullanmak zorunda değilsin. Daha açık veya daha koyu bir dokunuş yapın veya renk tekerleğinde bir nokta sola veya sağa gidin. Bu renk kombinasyonları, ana bileşenler olarak mavi ve turuncuyu kullanarak uygun bir renk paleti bulmanıza yardımcı olur.

Derin Blues ile Altın Sarısını Karıştırın

Image
Image

Koyu maviyi neredeyse mora çevirin ve tamamlayıcı bir renk şemasına güneş sarısı bir sıçrama ekleyin.

Mavi, morumsu tonları ekledikçe ısınmaya hareket eden soğuk bir renktir, sarı ise renk çarkının diğer tarafında sıcak bir renktir. Hoş olmayan titreşimleri önlemek için eşit miktarlarda kullanmaktan kaçının. Bir tutam sarı ile mavinizi canlandırın (ya da bir tutam maviyle sarınızı sakinleştirin).

En koyudan en açık olana, yukarıdaki resimde her mavi renk örneğiyle gösterilen sarı şunlardır:

  • Cadium Sarı: Hex FF9912 | RGB 255, 153, 18 (sıcak, kahverengimsi sarı)
  • Altın: On altılı FFD700 | RGB 255, 215, 0 (SVG renkli anahtar kelime altın)
  • Sayılar: On altılı FFFF00 | RGB 255, 255, 0 (SVG/CSS renk anahtar sözcüğü sarı)

Blues:

  1. Çok Koyu Mavi: On altılı 000033 | RGB 0, 0, 51 (bir tarayıcı için güvenli koyu mavi)
  2. Gece Yarısı Mavisi: Altıgen 191970 | RGB 25, 25, 112 (SVG renk anahtar kelimesi gece mavisi)
  3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG color anahtar kelimesi darkslateblue; grimsi-mor bir mavi)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG renkli anahtar sözcüğü çivit; morumsu bir mavi)
  5. Mavi Menekşe: On altılı 8A2BE2 | RGB 138, 43, 226 (SVG renk anahtar kelimesi blueviolet)
  6. Kob alt Mavisi: Hex 3D59AB | RGB 61, 89, 171

Mavinin mor-mor tarafına iten renkler, bir gizem dokunuşu, kadınlık ipuçları ekleyebilir. Soğuk maviye sıcaklık katar.

Koyu Turuncu ile Camgöbeğinin Tonları

Image
Image

Orta ila koyu camgöbeği yeşilin eşiğinde mavidir. Burada, çeşitli orta mavi ve camgöbeği tonları, koyu kahverengimsi turuncu renklerle birleştirilmiştir.

Sakinleştirici özelliklerine ek olarak, bu koyu mavi tonu denge, uyum ve istikrar gibi yeşilin sembolizmini de taşıyabilir. Kahverengimsi veya kırmızımsı turuncu tonlarıyla eşleştirildiğinde biraz sıcaklık ve enerji alır. Kahverengi, doğal, gerçekçi nötr bir renktir. Kırmızı ve camgöbeği, renk tekerleğinde yüksek kontrastlı zıt renklerdir, ancak mutlaka harika bir kombinasyon değildirler. Kırmızıdan turuncuya ve daha koyu mavilere geçmek daha hoş bir palet sağlar.

En koyudan en açık renge, yukarıdaki resimde her mavi renk örneğiyle gösterilen kırmızı-turuncu şunlardır:

  • Koyu Turuncu Kırmızı: Hex CD3700 | RGB 205, 55, 0
  • Kadmiyum Turuncu: Hex FF6103 | RGB 255, 97, 3
  • Sayılar: Kırmızı Altıgen FF0000 | RGB 255, 0, 0 (SVG/CSS renk anahtar sözcüğü kırmızı)

Blues:

  1. Koyu Kraliyet Mavisi: Altıgen 27408B | RGB 39, 64, 139
  2. Derin Gök Mavisi: Altıgen 00688B | RGB 0, 104, 139 (not color keyword deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color keyword darkslateblue)
  4. Koyu Camgöbeği: On altılı 008B8B | RGB 0, 139, 139 (mavinin yeşil tarafı)
  5. Manganez Mavisi: Altıgen 03A89E | RGB 3, 168, 158 (mavi turkuaz rengi)
  6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG renk anahtar sözcüğü camgöbeği veya su; mavi-yeşil renk)

Mavi, Kırmızı ve Sarı

Image
Image

Bölünmüş tamamlayıcı üçlü bir renk alır (bu durumda mavi) ve ardından o rengin tamamlayıcısının her iki tarafındaki renkleri (renk çarkındaki karşıt renk) alır. Saf mavinin tamamlayıcısı saf sarıdır. Orta mavi, turuncunun karşısındadır. Mavinin hangi tonuyla başladığınıza ve kaç ara renkten geçtiğinize bağlı olarak pembemsi-kırmızıdan sarı-yeşile kadar olan renklerle eşleştirebilirsiniz.

  1. Donanma: On altılı 000080 | RGB 0, 0, 128
  2. Parlak Kırmızı: On altılı FE0004 | RGB 254, 0, 4
  3. Güneşli Sarı: Altıgen FFFB00 | RGB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG color anahtar kelimesi koyu arduvaz mavisi; grimsi-mor mavi)
  5. Altın: On altılı FFD700 | RGB 255, 215, 0 (SVG renkli anahtar kelime altın)
  6. Grafik Kullanımı: Hex 7FFF00 | RGB 127, 255, 0
  7. Koyu Camgöbeği: On altılı 008B8B | RGB 0, 139, 139 (mavinin yeşil tarafı)
  8. Violet-Red: Hex D02090 | RGB 208, 32, 144
  9. Koyu Turuncu: Hex C83200 | RGB 200, 50, 0 (not renk anahtar kelimesi koyu turuncu)

Mavinin daha koyu tonları, önemi, güveni, gücü, otoriteyi, zekayı, istikrarı, birliği ve muhafazakarlığı ifade eder. Kırmızı başka bir güç rengidir, ancak maviden daha fazla dikkat çeker. Sarı biraz parlaklık ve neşe katar. Örnek 1 gibi, her rengin eşit miktarda kullanılması onu çocuksu yapar (birincil renkleri düşünün). Bununla birlikte, esas olarak koyu mavi renk şemasına sahip kırmızı ve sarı (veya yakın renklerin) yalnızca küçük dozlarını kullanırsanız, çok ciddi görünmek istemediğiniz yetişkin projeleri için oldukça uygundur.

Önerilen: