Dasar-dasar Warna untuk Cetak dan Web

01 09

Pencampuran warna sekolah kelas

Warna Utama dan Sekunder (Pelengkap) untuk Lukisan Tidak Mencetak Tinta. Jacci Howard Bear

Tahukah Anda bahwa roda warna yang Anda pelajari di sekolah tidak sama dengan warna yang digunakan untuk Web? Ini bahkan bukan cara warna dicampur untuk dicetak? Baiklah, oke, warna yang sama, hanya pengaturan dan campuran yang berbeda.

Tradisional (Pikirkan Cat atau Krayon)

Di sekolah dasar Anda mungkin memiliki banyak kesempatan untuk mencampur warna primer dan membuat warna baru. Itu sihir! Mencampur warna untuk mencetak dengan tinta tidak berfungsi sama. Warna primer dalam cahaya dan tinta tidak sama dengan warna cat merah, kuning, dan biru. Bahkan, ada 6 warna primer.

Indeks Dasar Warna:

  1. Pencampuran Warna Sekolah Kelas (halaman ini)
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

02 09

Pratama Aditif dan Subtraktif

The On-Screen dan Print Primaries of RGB dan CMY. Jacci Howard Bear

Cara kita melihat warna sedikit berbeda dari cara kita mencampur cat. Alih-alih warna primer merah, biru, dan kuning kami memiliki dua jenis warna primer yang berbeda. Anda mungkin pernah melihat prisma memecahkan seberkas cahaya menjadi pelangi warna. Spektrum cahaya yang tampak terurai menjadi tiga wilayah warna: MERAH, HIJAU, dan BIRU.

Selanjutnya, kita akan melihat cara kita mencoba untuk menghasilkan warna dalam bentuk cetak dan di Web.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Aditif dan Subtraktif Pratama (RGB & CMY) (halaman ini)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

03 09

Warna RGB dalam Desktop Publishing

Warna RGB menggunakan jumlah Merah, Hijau, & Biru tertentu yang dapat dinyatakan sebagai Triplet Hexadecimal. Jacci Howard Bear

Monitor komputer Anda memancarkan cahaya sehingga masuk akal bahwa komputer menggunakan tiga wilayah warna RED, GREEN, dan BLUE (pendahuluan tambahan) untuk mereproduksi warna yang kita lihat.

Bekerja dengan gambar yang ditujukan untuk layar atau Web, kami menetapkan warna dengan jumlah MERAH, HIJAU, atau BIRU dalam warna. Dalam perangkat lunak grafik Anda, angka-angka ini mungkin terlihat seperti ini:

Semua ini mewakili warna kuning. Angka antara 1-255 menunjukkan jumlah setiap warna merah, hijau, atau biru dengan 255 sebagai nilai murni 100% dari warna. Nol berarti tidak ada warna itu. Agar komputer Anda memahami angka-angka ini, kami menerjemahkannya ke dalam angka heksadesimal 6 digit atau kembar tiga (kode hex) .

Dalam contoh kita, FF adalah ekuivalen heksadesimal 255. Triplet heksadesimal selalu dalam urutan RGB sehingga FF pertama berwarna merah. FF kedua berwarna kuning. Tidak ada warna biru sehingga memiliki 00, ekuivalen heksadesimal nol.

Ini adalah dasar-dasar untuk warna di Web. Untuk mempelajari lebih dalam tentang RGB dan bagaimana warna terlihat di layar, gali sumber daya yang lebih terperinci untuk Warna Web.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB di Desktop Publishing (halaman ini)
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

04 09

CMY Color di Desktop Publishing

Karena Anda melihat ini di Web, di RGB, contoh warna ini adalah simulasi warna CMYK seperti yang digunakan dalam penerbitan desktop. Jacci Howard Bear

Warna (cahaya) dibuat dengan mengurangi jumlah warna lain yang berbeda dari primitif aditif (RGB). Namun dalam mencetak ketika kita mencampur (menambahkan) tinta bersama-sama warna tidak keluar seperti yang kita harapkan. Oleh karena itu, kita mulai dengan sub primary primitif (CMY) dan mencampur mereka dalam jumlah yang bervariasi (ditambah BLACK disingkat sebagai K) untuk mendapatkan warna yang kita inginkan.

Warna untuk cetak dicampur dalam persentase seperti:

Baris warna ke-4 dalam contoh ini adalah warna ungu yang dibuat dengan jumlah yang berbeda dari masing-masing pendahuluan subtraktif (dan tidak ada hitam). Warna merah yang mendahuluinya adalah CMY equivalent dari RGB Red. Bilah warna bawah tidak menggunakan tinta CMY, hanya 80% hitam (K).

Model warna CMY (K) ini hanya satu dari banyak cara kami dapat mengekspresikan warna untuk cetak - tetapi kami akan menyimpan topik itu untuk fitur lain. Ada istilah terkait warna lainnya yang akan kami bahas secara singkat diikuti dengan lebih banyak lagi dalam menentukan warna untuk pekerjaan cetak.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing (halaman ini)
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

05 09

Menentukan Warna

Gunakan persentase warna, warna spot, tints & shades, atau lakukan pencetakan warna penuh hanya dengan 4 warna tinta. Jacci Howard Bear

Memilih kombinasi warna yang paling menyenangkan atau efektif hanya bagian dari persamaan dalam bekerja dengan warna. Anda juga harus dapat menentukan warna yang Anda inginkan. Untuk mencetak ada sejumlah cara untuk menentukan warna dan dapat bervariasi tergantung pada jumlah warna yang digunakan dan bagaimana Anda menggunakannya. Kami hanya akan melalui beberapa kemungkinan.

Tentunya ini hanya gambaran singkat. Ratusan buku dan artikel telah ditulis tentang proses penentuan dan pencetakan berwarna. Lihat tautan di bagian akhir artikel ini untuk liputan yang lebih mendalam.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna (halaman ini)
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

06 09

Persepsi Warna

Anda dapat membuat kombinasi warna yang menyenangkan dari satu area roda warna atau memilih warna dari sisi yang berlawanan. Jacci Howard Bear

Jika Anda berpikir warna utama adalah Merah, Biru, dan Kuning, dengan warna komplementer atau sekunder Ungu, Hijau, dan Oranye, maka Anda perlu mengunjungi atau mengunjungi kembali halaman sebelumnya dari tutorial Warna Dasar ini karena untuk diskusi ini kami mengandalkan pada warna primer tambahan dan subtraktif, RGB dan CMY.

Beberapa faktor memengaruhi cara kita melihat warna. Salah satu faktor tersebut dapat ditunjukkan oleh posisi warna pada roda warna dalam kaitannya dengan warna lain.

Catatan Penting : Dalam ilmu pengetahuan dan teori warna ada definisi yang tepat untuk warna yang berdekatan, kontras, dan pelengkap dan bagaimana mereka muncul di roda warna. Dalam desain grafis dan beberapa bidang lainnya kami menggunakan interpretasi yang lebih longgar. Warna tidak harus berlawanan secara langsung atau memiliki sejumlah pemisahan yang harus dipertimbangkan sebagai kontras atau pelengkap. Dalam desain lebih tentang persepsi dan perasaan.

Kombinasi warna yang saling berdekatan, kontras, dan komplementer sering dapat ditingkatkan dengan penggunaan nuansa dan tints atau menciptakan kontras tambahan dengan hitam atau putih. Lihat halaman berikutnya untuk lebih banyak warna menggabungkan dasar-dasar.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna (halaman ini)
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

07 09

Warna, Tints, Shades, dan Saturation Colors

Mengubah saturasi atau nilai dari warna asli memberi kita tints (warna yang lebih terang) dan nuansa (warna yang lebih gelap). Jacci Howard Bear

Ada lebih banyak warna yang bisa kita lihat dan ciptakan daripada hanya Merah, Hijau, Biru, Cyan, Kuning, dan Magenta. Meskipun roda warna sering digambarkan dengan blok warna yang berbeda, itu benar-benar jutaan warna yang memadukan satu ke yang lain saat kita bergerak di sekitar roda.

Masing-masing warna individu adalah warna. Merah adalah warna. Biru adalah warna. Ungu adalah warna. Teal, Violet, Orange, dan Hijau adalah semua warna.

Anda dapat mengubah tampilan warna dengan menambahkan hitam (bayangan) atau menambahkan putih (terang). Nilai terang atau gelap dan kejenuhan atau jumlah warna memberi kita nuansa dan tints kami.

Ini hanya pengenalan dasar. Bermain-main dengan saturasi, dan nilai untuk membuat tints dan nuansa berbagai warna menggunakan Skema Warna Skema interaktif ini di Colorspire. Atau, gunakan fitur warna dalam perangkat lunak grafis favorit Anda untuk bereksperimen dengan warna, saturasi, dan nilai.

Intensitas, cahaya, atau kecerahan dapat digunakan untuk merujuk ke nilai warna di beberapa program perangkat lunak.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi (halaman ini)
  8. Skema Kombinasi Warna Umum
  9. Menyesuaikan Kombinasi Warna

08 09

Skema Kombinasi Warna Umum

Gunakan roda warna sebagai titik awal untuk mencampur dan mencocokkan warna. Jacci Howard Bear

Memilih satu warna saja cukup sulit. Menambahkan satu atau lebih warna ke dalam campuran bisa menjadi sesuatu yang membingungkan. Jika Anda melakukan pencarian di Web atau membaca berbagai buku dan majalah tentang warna, Anda akan menemukan beberapa metode umum yang dijelaskan. Juga akan ada variasi. Untuk memulai, pertimbangkan metode ini untuk mendapatkan palet sempurna untuk cetak atau proyek Web Anda.

Ini hanyalah titik awal. Tidak ada aturan yang keras dan cepat, yang tidak berubah untuk mencampur dan mencocokkan warna. Anda juga akan menemukan bahwa roda warna yang ditampilkan di berbagai situs mungkin sedikit berbeda sehingga perbedaan langsung pada satu roda warna agak berbeda di roda yang lain. Tidak apa-apa. Memindahkan beberapa warna dengan satu atau lain cara saat memasangkan warna adalah bagaimana kita berakhir dengan semua jenis palet warna yang menarik. Intinya: Pilih kombinasi warna yang tepat untuk proyek Anda.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum (halaman ini)
  9. Menyesuaikan Kombinasi Warna

09 09

Menyesuaikan Kombinasi Warna

Sempurnakan kombinasi warna Anda dengan menggunakan tints atau shades untuk satu atau lebih warna dalam pilihan pelengkap atau triad. Nilai terang dan gelap pada kertas atau latar belakang Anda juga memengaruhi tampilan warna. Warna-warna tertentu mungkin perlu diperingan atau digelapkan agar menonjol. Jacci Howard Bear

Beberapa ambiguitas kombinasi warna yang berdekatan, kontras, dan komplementer dapat dikurangi dengan pengenalan warna hitam dan putih, gelap dan terang, dan tints.

Shades and Tints of Color
Dalam menggunakan warna yang bersebelahan atau mengharmoniskan, Anda dapat mencapai tingkat keterbacaan yang lebih besar dengan menambahkan warna hitam atau putih ke salah satu warna - mengubah kejenuhan dan nilai rona. Hitam menciptakan warna yang lebih gelap dari warna. Putih menciptakan warna yang lebih terang dari keteduhan. Di mana pasangan kuning dan kuning-hijau mungkin terlalu dekat untuk bekerja sama dengan baik, menggunakan warna hijau yang lebih gelap dapat membantu kombo untuk benar-benar muncul.

Ini hanya pengenalan dasar. Bermain-main dengan saturasi, dan nilai untuk membuat tints dan nuansa berbagai warna menggunakan Skema Warna Skema interaktif ini di Colorspire. Atau, gunakan fitur warna dalam perangkat lunak grafis favorit Anda untuk bereksperimen dengan warna, saturasi, dan nilai. Beberapa perangkat lunak grafis dapat menggunakan intensitas, kecerahan, atau terang untuk merujuk ke nilai rona.

Buat Kontras dengan Hitam dan Putih
PUTIH adalah warna cahaya pamungkas dan kontras dengan warna gelap seperti merah, biru, atau ungu. HITAM adalah warna gelap utama dan membuat warna yang lebih terang seperti kuning benar-benar bermunculan.

Setiap warna tunggal atau ganda dapat berubah - atau lebih tepatnya persepsi kita tentang perubahan warna - karena warna sekitarnya lainnya, kedekatan warna satu sama lain, dan jumlah cahaya. Itulah mengapa sepasang warna yang dapat berbenturan ketika diletakkan berdampingan, dapat bekerja dan terlihat bagus ketika dipisahkan pada halaman atau digunakan dengan warna lain.

Warna cahaya tampak lebih terang ketika berdekatan dengan warna gelap (termasuk hitam). Dua warna yang sama berdampingan dapat muncul sebagai dua warna berbeda tetapi ditempatkan berjauhan mereka mulai terlihat seperti warna yang sama.

Kertas dan Emosi Mempengaruhi Persepsi Warna
Jumlah cahaya yang kita rasakan dalam warna juga dipengaruhi oleh permukaan di mana ia dicetak. Korvet RED mengkilap yang dicetak di iklan majalah pada kertas licin dan mengkilap tidak akan terlihat sama dengan corvette RED yang tercetak di iklan surat kabar. Kertas-kertas menyerap dan memantulkan cahaya dan warna berbeda.

Makna Warna
Selain itu, pilihan warna kami sering didikte oleh emosi yang dihasilkan oleh warna dan kombinasi warna tertentu. Warna-warna tertentu menciptakan reaksi fisik. Beberapa warna dan kombinasi warna memiliki arti khusus berdasarkan penggunaan tradisional dan budaya.

Indeks Dasar Warna:

  1. Pencampuran warna sekolah kelas
  2. Primitif Aditif dan Subtraktif (RGB & CMY)
  3. Warna RGB dalam Desktop Publishing
  4. CMY Color di Desktop Publishing
  5. Menentukan Warna
  6. Persepsi Warna
  7. Warna, Tint, Shades, dan Saturasi
  8. Skema Kombinasi Warna Umum
  9. Fine-tuning Color Combinations (halaman ini)

Juga lihat: Masalah Dengan Warna karena ketika Anda berpikir dengan warna biru adalah ungu kita berdua bisa melihat merah.