Cara Mendesain Dengan Warna Biru dan Pelengkap

Daftar Isi:

Cara Mendesain Dengan Warna Biru dan Pelengkap
Cara Mendesain Dengan Warna Biru dan Pelengkap
Anonim

Biru adalah salah satu warna yang paling umum digunakan dalam desain web. Menggunakan warna biru medium hingga gelap mendorong nuansa santai yang dapat dilengkapi oleh desainer dengan warna kuning dan oranye.

Berikut adalah beberapa cara berbeda untuk memadukan warna Biru dengan warna lain.

Berlawanan Menarik dan Biru Cocok Dengan Oranye

Image
Image

Pertimbangkan untuk menggabungkan warna biru dengan oranye dalam skema warna komplementer.

Dari yang paling gelap ke yang paling terang, jeruk yang ditunjukkan dengan setiap swatch biru pada gambar di atas adalah:

  • Hex FFA500 | RGB 255, 165, 0 (oranye emas; kata kunci warna SVG & kata kunci warna CSS oranye)
  • Hex FF8000 | RGB 255, 128, 0 (oranye sedang)
  • Hex FF4500 | RGB 255, 69, 0 (oranye merah; kata kunci warna SVG oranye)
  • Hex C83200 | RGB 200, 50, 0 (oranye gelap)
  • Angka: Hex FF7F27 | RGB 255, 127, 39 (oranye peachy)

Blues, dari gelap ke terang adalah:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (kata kunci warna CSS/kata kunci warna SVG navy)
  2. Biru: Hex 0000FF | RGB 0, 0, 255 (kata kunci warna CSS/SVG adalah biru; warna aman browser)
  3. Hex: 0045FF | RGB 0, 69, 255 (biru sedang)
  4. Biru Baja: Hex 4682B4 | RGB 70, 130, 180 (kata kunci warna SVG steelblue; warna biru perusahaan)
  5. Hex: 0080FF | RGB 0, 128, 255 (biru sedang)
  6. Biru Muda: Hex ADD8E6 | RGB 173, 216, 230 (kata kunci warna SVG biru muda)

Biru tua dan warna biru medium melambangkan kepentingan, kepercayaan diri, kekuatan, kecerdasan, stabilitas, kesatuan, dan konservatisme. Dengan menambahkan beberapa warna oranye ke palet biru tua Anda yang dominan, Anda memperkenalkan kehangatan dan energi yang dapat menjaga palet Anda agar tidak terlalu kaku atau terlalu kuat.

Anda tidak harus menggunakan nuansa yang tepat ini. Lakukan sentuhan yang lebih terang atau lebih gelap, atau langkahkan satu titik ke kiri atau kanan pada roda warna. Kombinasi warna ini membantu Anda menemukan palet warna yang cocok menggunakan biru dan oranye sebagai komponen utama.

Campurkan Deep Blues Dengan Kuning Emas

Image
Image

Ambil warna biru tua hingga hampir ungu dan tambahkan percikan kuning sinar matahari dalam skema warna komplementer.

Biru adalah warna dingin yang berubah menjadi hangat saat Anda menambahkan nada keunguan, sedangkan kuning adalah warna hangat di sisi lain roda warna. Untuk menghindari getaran yang tidak menyenangkan, hindari penggunaan dalam jumlah yang sama. Hidupkan warna biru Anda dengan percikan warna kuning (atau tenangkan warna kuning Anda dengan sedikit warna biru).

Dari yang paling gelap ke yang paling terang, warna kuning yang ditunjukkan dengan setiap contoh biru pada gambar di atas adalah:

  • Cadium Kuning: Hex FF9912 | RGB 255, 153, 18 (kuning kecoklatan yang hangat)
  • Emas: Hex FFD700 | RGB 255, 215, 0 (kata kunci warna SVG emas)
  • Angka: Hex FFFF00 | RGB 255, 255, 0 (kata kunci warna SVG/CSS kuning)

Bluesnya adalah:

  1. Biru Sangat Gelap: Hex 000033 | RGB 0, 0, 51 (peramban aman biru tua)
  2. Biru Tengah Malam: Hex 191970 | RGB 25, 25, 112 (kata kunci warna SVG, midnightblue)
  3. Biru Slate Gelap: Hex 483D8B RGB 72, 61, 139 (kata kunci warna SVG darkslateblue; biru ungu keabu-abuan)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (kata kunci warna SVG indigo; biru keunguan)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (kata kunci warna SVG blueviolet)
  6. Cob alt Blue: Hex 3D59AB | RGB 61, 89, 171

Warna yang menonjolkan sisi ungu-ungu dari biru dapat menambahkan sentuhan misteri, tanda-tanda feminitas. Ini menambah kehangatan pada warna biru yang sejuk.

Shades of Cyan Dengan Dark Orange

Image
Image

Cyan sedang hingga gelap berwarna biru di ambang hijau. Di sini, berbagai warna biru medium dan cyan dipadukan dengan warna oranye kecoklatan gelap.

Selain atributnya yang menenangkan, warna biru yang lebih gelap ini mungkin membawa simbolisme hijau, seperti keseimbangan, harmoni, dan stabilitas. Ini mendapat sedikit kehangatan dan energi ketika dipasangkan dengan warna oranye kecoklatan atau kemerahan. Coklat adalah warna netral yang natural dan membumi. Merah dan cyan berlawanan pada roda warna dengan kontras tinggi, tetapi mereka tidak selalu merupakan kombinasi yang bagus. Pindah dari merah ke oranye dan biru tua memberikan palet yang lebih menyenangkan.

Dari yang paling gelap hingga yang paling terang, warna merah-oranye yang ditunjukkan dengan setiap contoh biru pada gambar di atas adalah:

  • Merah Oranye Tua: Hex CD3700 | RGB 205, 55, 0
  • Cadmium Orange: Hex FF6103 | RGB 255, 97, 3
  • Angka: Hex Merah FF0000 | RGB 255, 0, 0 (kata kunci warna SVG/CSS merah)

Bluesnya adalah:

  1. Biru Tua Gelap: Hex 27408B | RGB 39, 64, 139
  2. Biru Langit Dalam: Hex 00688B | RGB 0, 104, 139 (not kata kunci warna deepskyblue)
  3. Biru Slate Gelap: Hex 2F4F4F RGB 47, 79, 79 (tidak kata kunci warna darkslateblue)
  4. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (sisi biru yang lebih hijau)
  5. Mangan Biru: Hex 03A89E | RGB 3, 168, 158 (warna pirus biru)
  6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (kata kunci warna SVG cyan atau aqua; warna biru-hijau)

Biru, Merah, dan Kuning

Image
Image

Sebuah triad komplementer split mengambil satu warna (dalam hal ini, biru) dan kemudian mengambil warna di kedua sisi komplemen warna tersebut (warna berlawanan pada roda warna). Komplemen biru murni adalah kuning murni. Biru sedang adalah kebalikan dari oranye. Tergantung pada warna biru apa yang Anda mulai dan berapa banyak warna menengah yang Anda lalui, Anda dapat mencocokkannya dengan warna dari merah muda-merah ke kuning-hijau.

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. Merah Terang: Hex FE0004 | RGB 254, 0, 4
  3. Kuning Cerah: Hex FFFB00 | RGB 255, 251, 0
  4. Biru Slate Gelap: Hex 483D8B RGB 72, 61, 139 (kata kunci warna SVG biru slate gelap; biru ungu keabu-abuan)
  5. Emas: Hex FFD700 | RGB 255, 215, 0 (kata kunci warna SVG emas)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (sisi biru yang lebih hijau)
  8. Violet-Merah: Hex D02090 | RGB 208, 32, 144
  9. Oranye Gelap: Hex C83200 | RGB 200, 50, 0 (tidak kata kunci warna oranye tua)

Warna biru yang lebih gelap menunjukkan kepentingan, kepercayaan diri, kekuatan, otoritas, kecerdasan, stabilitas, persatuan, dan konservatisme. Merah adalah warna kekuatan lain, tetapi menarik perhatian lebih dari biru. Kuning menambahkan beberapa kecerahan dan kegembiraan. Menggunakan jumlah yang sama dari setiap warna akan membuatnya seperti anak kecil (pikirkan warna primer), seperti contoh 1. Namun, jika Anda hanya menggunakan dosis kecil warna merah dan kuning (atau warna terdekat) dengan skema warna biru tua, itu cukup cocok untuk proyek dewasa yang tidak ingin Anda tampilkan terlalu serius.

Direkomendasikan: