Cara Reka Bentuk Dengan Warna Biru dan Pelengkap

2024 Pengarang: Abigail Brown | [email protected]. Diubah suai terakhir: 2023-12-17 06:56

Biru ialah salah satu warna yang paling biasa digunakan dalam reka bentuk web. Menggunakan warna biru sederhana hingga gelap menggalakkan perasaan santai yang boleh dilengkapkan oleh pereka dengan warna kuning dan oren.

Berikut ialah beberapa cara berbeza Biru boleh berfungsi dengan warna lain.

Penarik Bertentangan dan Biru Sesuai Dengan Jingga

Pertimbangkan untuk menggabungkan warna biru dengan oren dalam skema warna pelengkap.

Dari paling gelap kepada paling terang, oren yang ditunjukkan dengan setiap swatch biru dalam imej di atas ialah:

• Hex FFA500 | RGB 255, 165, 0 (oren keemasan; kata kunci warna SVG & kata kunci warna CSS oren)
• Hex FF8000 | RGB 255, 128, 0 (oren sederhana)
• Hex FF4500 | RGB 255, 69, 0 (merah jingga; kata kunci warna SVG berwarna jingga)
• Hex C83200 | RGB 200, 50, 0 (oren gelap)
• Nombor: Hex FF7F27 | RGB 255, 127, 39 (oren pic)

Biru, daripada lebih gelap kepada lebih terang ialah:

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 ialah biru; warna selamat penyemak imbas)
3. Hex: 0045FF | RGB 0, 69, 255 (biru sederhana)
4. Biru Keluli: Hex 4682B4 | RGB 70, 130, 180 (kata kunci warna SVG steelblue; biru korporat)
5. Hex: 0080FF | RGB 0, 128, 255 (biru sederhana)
6. Biru Muda: Hex ADD8E6 | RGB 173, 216, 230 (kata kunci warna SVG biru muda)

Biru gelap dan warna biru sederhana melambangkan kepentingan, keyakinan, kuasa, kecerdasan, kestabilan, perpaduan dan konservatisme. Dengan menambahkan sedikit oren pada palet anda yang kebanyakannya berwarna biru gelap, anda memperkenalkan sedikit kehangatan dan tenaga yang boleh mengelakkan palet anda daripada terlalu kaku atau terlalu berkuasa.

Anda tidak perlu menggunakan warna yang tepat ini. Pergi dengan sentuhan yang lebih cerah atau lebih gelap, atau langkah satu tempat ke kiri atau kanan pada roda warna. Kombinasi warna ini membantu anda mencari palet warna yang sesuai menggunakan biru dan oren sebagai komponen utama.

Campur Biru Dalam Dengan Kuning Keemasan

Ambil warna biru tua kepada hampir ungu dan tambahkan percikan kuning cahaya matahari dalam skema warna pelengkap.

Biru ialah warna sejuk yang bergerak menjadi hangat semasa anda menambah rona keunguan, manakala kuning ialah warna hangat di bahagian lain roda warna. Untuk mengelakkan getaran yang tidak menyenangkan, elakkan menggunakan dalam jumlah yang sama. Ceriakan biru anda dengan percikan kuning (atau tenangkan kuning anda dengan garis biru).

Dari paling gelap kepada paling terang, warna kuning yang ditunjukkan dengan setiap swatch biru dalam imej di atas ialah:

• Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (kuning hangat, keperangan)
• Emas: Hex FFD700 | RGB 255, 215, 0 (kata kunci warna SVG emas)
• Nombor: Hex FFFF00 | RGB 255, 255, 0 (kata kunci warna SVG/CSS kuning)

Birunya ialah:

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

Warna yang menolak ke bahagian biru ungu-ungu boleh menambahkan sentuhan misteri, pembayang kewanitaan. Ia menambahkan kehangatan pada biru yang sejuk.

Warna Cyan Dengan Oren Gelap

Sian sederhana hingga gelap berwarna biru di ambang hijau. Di sini, pelbagai warna biru sederhana dan cyan digabungkan dengan warna oren coklat gelap.

Selain sifat menenangkannya, warna biru yang lebih gelap ini mungkin membawa simbolisme hijau, seperti keseimbangan, keharmonian dan kestabilan. Ia mendapat sedikit kehangatan dan tenaga apabila digandingkan dengan warna oren keperangan atau kemerahan. Coklat adalah warna neutral semula jadi dan sederhana. Merah dan sian adalah bertentangan pada roda warna dengan kontras yang tinggi, tetapi mereka tidak semestinya kombinasi yang hebat. Beralih daripada merah ke oren dan biru gelap memberikan palet yang lebih menggembirakan.

Dari paling gelap kepada paling terang, merah-oren yang ditunjukkan dengan setiap swatch biru dalam imej di atas ialah:

• Merah Jingga Dalam: Hex CD3700 | RGB 205, 55, 0
• Kadmium Jingga: Hex FF6103 | RGB 255, 97, 3
• Nombor: Red Hex FF0000 | RGB 255, 0, 0 (kata kunci warna SVG/CSS merah)

Birunya ialah:

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

Biru, Merah dan Kuning

Triad pelengkap berpecah mengambil satu warna (dalam kes ini, biru) dan kemudian mengambil warna pada kedua-dua belah pelengkap warna itu (warna bertentangan pada roda warna). Pelengkap biru tulen ialah kuning tulen. Biru sederhana bertentangan dengan oren. Bergantung pada warna biru yang anda mulakan dan berapa banyak warna perantaraan yang anda lalui, anda boleh memadankannya dengan warna daripada merah jambu-merah hingga kuning-hijau.

1. Navy: Hex 000080 | RGB 0, 0, 128
2. Merah Cerah: Hex FE0004 | RGB 254, 0, 4
3. Kuning Cerah: Hex FFFB00 | RGB 255, 251, 0
4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (kata kunci warna SVG biru tua; biru kelabu-ungu)
5. Emas: Hex FFD700 | RGB 255, 215, 0 (kata kunci warna SVG emas)
6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
7. Sian Gelap: Hex 008B8B | RGB 0, 139, 139 (bahagian hijau biru)
8. Violet-Merah: Hex D02090 | RGB 208, 32, 144
9. Oren Gelap: Hex C83200 | RGB 200, 50, 0 (bukan warna kata kunci oren gelap)

Warna biru yang lebih gelap menandakan kepentingan, keyakinan, kuasa, kewibawaan, kecerdasan, kestabilan, perpaduan dan konservatisme. Merah adalah satu lagi warna kuasa, tetapi ia menarik perhatian lebih daripada biru. Kuning menambah sedikit kecerahan dan kegembiraan. Menggunakan jumlah yang sama bagi setiap warna akan menjadikannya seperti kanak-kanak (fikirkan warna utama), seperti contoh 1. Walau bagaimanapun, jika anda hanya menggunakan dos kecil warna merah dan kuning (atau warna berdekatan) dengan skema warna biru tua, ia agak sesuai untuk projek dewasa yang anda tidak mahu kelihatan terlalu serius.