Asas Warna untuk Cetak dan Web

01 dari 09

Pencampuran Warna Sekolah Gred

Warna Primer dan Sekunder (Pelengkap) untuk Lukisan Bukan Dakwat Percetakan. Jacci Howard Bear

Adakah anda tahu bahawa roda warna yang anda pelajari di sekolah tidak sama seperti warna yang digunakan untuk Web? Ia bukan warna cara dicampur untuk percetakan? Baiklah, ok, warna yang sama, perkiraan dan campuran yang berbeza.

Tradisional (Think Paint atau Crayons)

Di sekolah menengah, anda mungkin mempunyai banyak peluang untuk mencampur warna utama dan membuat warna baru. Ia adalah sihir! Warna pencampuran untuk percetakan dengan dakwat tidak berfungsi dengan sama. Warna-warna utama dalam cahaya dan dakwat bukan warna cat merah, kuning, dan biru yang sama. Malah, terdapat 6 warna utama.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred (halaman ini)
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

02 dari 09

Primitif dan Subtractive Primaries

The On Screen dan Primaries Cetak RGB dan CMY. Jacci Howard Bear

Cara kita melihat warna agak berbeza dari cara kita mencampur cat. Daripada warna utama merah, biru, dan kuning kita mempunyai dua jenis warna utama yang berbeza. Anda mungkin telah melihat prisma memecah rasuk cahaya menjadi pelangi warna. Spektrum cahaya yang kelihatan pecah menjadi tiga kawasan warna: RED, HIJAU, dan BLUE.

Seterusnya, kami akan melihat cara kami cuba menghasilkan semula warna dalam cetakan dan di Web.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primitif dan Subtractive Primaries (RGB & CMY) (halaman ini)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

03 dari 09

Warna RGB dalam Penerbitan Desktop

Warna RGB menggunakan jumlah tertentu Red, Green, & Blue yang boleh dinyatakan sebagai Triple Hexadecimal. Jacci Howard Bear

Monitor komputer anda memancarkan cahaya supaya ia bergantung kepada sebab komputer menggunakan tiga kawasan warna RED, HIJAU, dan BLUE (primitif tambahan) untuk menghasilkan semula warna yang kita lihat.

Bekerja dengan imej yang ditakdirkan untuk skrin atau Web, kami menetapkan warna dengan jumlah RED, HIJAU, atau BLUE dalam warna. Dalam perisian grafik anda, angka-angka ini mungkin kelihatan seperti ini:

Semua ini mewakili kuning. Bilangan antara 1-255 menetapkan jumlah setiap warna merah, hijau, atau biru dengan 255 sebagai nilai 100% tulen warna. Nol bermakna tiada warna itu. Agar komputer anda memahami nombor-nombor ini, kami menerjemahkannya ke dalam nombor 6 digit heksidecimal atau tiga kali ganda (kod hex) .

Dalam contoh kami, FF adalah bersamaan heksadesimal sebanyak 255. Triplet heksadesimal selalu dalam urutan RGB jadi FF pertama adalah merah. FF kedua adalah kuning. Tidak ada warna biru sehingga ia mempunyai 00, bersamaan heksadesimal daripada sifar.

Ini adalah asas untuk warna di Web. Untuk menyelidiki lebih mendalam ke dalam RGB dan bagaimana warna kelihatan di skrin, menggali sumber-sumber yang lebih terperinci ini untuk Warna Web.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop (halaman ini)
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

04 dari 09

CMY Color dalam Penerbitan Desktop

Kerana anda melihat ini di Web, dalam RGB, warna-warna ini adalah simulasi warna CMYK seperti yang digunakan dalam penerbitan desktop. Jacci Howard Bear

Warna (cahaya) dibuat dengan mengurangkan jumlah warna lain yang berbeza dari primitif aditif (RGB). Tetapi dalam percetakan apabila kita bercampur (menambah) dakwat bersama-sama warna tidak keluar seperti yang kita jangkakan. Oleh itu, kita mulakan dengan primitif subtractive (CMY) dan campurkan mereka dalam jumlah yang berbeza-beza (ditambah BLACK disingkat sebagai K) untuk mendapatkan warna yang kita mahu.

Warna untuk dicetak dicampur dalam peratusan seperti:

Bar warna ke-4 dalam contoh ini adalah warna ungu yang dibuat dengan jumlah yang berbeza setiap primata subtractive (dan tidak hitam). Warna merah sebelum ini adalah setara CMY RGB Red. Bar warna bawah tidak menggunakan tinta CMY, hanya 80% hitam (K).

Model warna CMY (K) ini hanya satu daripada banyak cara kita boleh menyatakan warna untuk dicetak - tetapi kami akan menyimpan topik itu untuk ciri lain. Terdapat istilah yang berkaitan dengan warna lain yang akan kami alamat secara ringkas diikuti dengan lebih banyak warna yang menentukan untuk kerja cetak.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. Warna CMY dalam Penerbitan Desktop (halaman ini)
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

05 dari 09

Menentukan Warna

Gunakan peratusan warna, warna tempat, tints & warna, atau melakukan percetakan warna penuh dengan hanya 4 warna dakwat. Jacci Howard Bear

Memilih kombinasi warna yang paling menyenangkan atau berkesan hanya sebahagian daripada persamaan dalam bekerja dengan warna. Anda juga mesti dapat menentukan warna yang anda mahu. Untuk mencetak terdapat beberapa cara untuk menentukan warna dan ia boleh berbeza-beza bergantung kepada bilangan warna yang digunakan dan bagaimana anda menggunakannya. Kami hanya akan melalui beberapa kemungkinan.

Jelas sekali ini hanya gambaran ringkas. Beratus-ratus buku dan artikel telah ditulis mengenai proses menentukan dan mencetak warna. Lihat pautan pada akhir artikel ini untuk liputan yang lebih mendalam.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna (halaman ini)
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

06 dari 09

Persepsi Warna

Anda boleh membuat gabungan warna yang menyenangkan dari satu kawasan roda warna atau memilih warna dari sisi bertentangan. Jacci Howard Bear

Jika anda menganggap warna utama Merah, Biru, dan Kuning, dengan warna pelengkap atau sekunder Ungu, Hijau, dan Jeruk, maka anda perlu melawat atau melawat laman-laman sebelumnya Tutorial Asas Warna ini kerana untuk perbincangan ini, kita bergantung pada warna primer aditif dan subtractive, RGB dan CMY.

Beberapa faktor mempengaruhi cara kita memandang warna. Salah satu faktor tersebut boleh ditunjukkan dengan kedudukan warna pada roda warna yang berkaitan dengan warna lain.

Nota Penting : Dalam teori sains dan warna ada definisi yang tepat untuk warna bersebelahan, berbeza, dan pelengkap dan bagaimana ia muncul pada roda warna. Dalam reka bentuk grafik dan beberapa bidang lain kami menggunakan tafsiran yang lebih longgar. Warna tidak perlu bertentangan langsung atau mempunyai jumlah pemisahan yang ditetapkan untuk dianggap berbeza atau saling melengkapi. Dalam reka bentuk itu lebih lanjut mengenai persepsi dan perasaan.

Kombinasi warna bersebelahan, kontras, dan komplementari sering dapat diperbaiki dengan menggunakan warna dan tints atau membuat kontras tambahan dengan hitam atau putih. Lihat halaman seterusnya untuk menggabungkan lebih banyak asas.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna (halaman ini)
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

07 dari 09

Hues, Tints, Shades, dan Saturation Colors

Mengubah ketepuan atau nilai warna asal memberikan kita warna-warna (warna lebih terang) dan warna (warna gelap). Jacci Howard Bear

Terdapat lebih banyak warna yang dapat kita lihat dan buat daripada Merah, Hijau, Biru, Cyan, Kuning, dan Magenta. Walaupun roda warna sering digambarkan dengan blok warna yang berbeza, ia benar-benar berjuta-juta warna yang menggabungkan satu sama lain ketika kita bergerak di sekitar roda.

Setiap warna individu itu adalah warna. Merah adalah warna. Blue adalah warna. Ungu adalah warna. Teal, Violet, Orange, dan Green semuanya berwarna.

Anda boleh menukar rupa warna dengan menambah hitam (bayangan) atau menambah putih (cahaya). Nilai ringan atau kegelapan dan ketepuan atau jumlah warna memberi kami warna dan tudung kami.

Ini hanya pengenalan asas. Bermain-main dengan ketepuan, dan nilai untuk mencipta tints dan warna pelbagai warna menggunakan Pencipta Skim Warna interaktif ini di Colorspire. Atau, gunakan ciri warna dalam perisian grafik kegemaran anda untuk bereksperimen dengan warna, tepu, dan nilai.

Intensiti, ringan, atau kecerahan boleh digunakan untuk merujuk kepada nilai warna dalam beberapa program perisian.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation (halaman ini)
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning

08 dari 09

Skim Kombinasi Warna Biasa

Gunakan roda warna sebagai titik permulaan untuk mencampurkan dan memadankan warna. Jacci Howard Bear

Memilih satu warna cukup keras, Menambah satu atau lebih warna pada campuran boleh menjadi menakutkan. Jika anda melakukan carian di Web atau membaca pelbagai buku dan majalah mengenai warna, anda akan dapati beberapa kaedah umum yang diterangkan. Terdapat juga variasi. Hanya untuk memulakan anda, pertimbangkan kaedah ini untuk menghasilkan palet yang sempurna untuk projek cetak atau Web anda.

Ini hanya titik permulaan. Tidak ada peraturan yang keras dan cepat, tidak berubah untuk warna pencocokan dan padanan. Anda juga akan mendapati bahawa roda warna yang ditunjukkan di pelbagai laman web mungkin berbeza agak sedikit sehingga bertentangan langsung pada satu roda warna agak berbeza pada yang lain. Tidak mengapa. Bergerak beberapa warna satu atau yang lain apabila memasangkan warna adalah bagaimana kita berakhir dengan semua jenis palet warna yang menarik. Bottom line: Pilih kombinasi warna yang kelihatan tepat untuk projek anda.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa (halaman ini)
  9. Kombinasi Warna Fine-tuning

09 dari 09

Kombinasi Warna Fine-tuning

Fine tune kombinasi warna anda dengan menggunakan tints atau warna untuk satu atau lebih warna dalam pemilihan pelengkap atau triad. Nilai cahaya dan gelap kertas atau latar belakang anda juga menjejaskan rupa warna. Warna tertentu mungkin perlu dikeringkan atau gelap untuk menonjol. Jacci Howard Bear

Sesetengah kekaburan yang bersebelahan, berbeza, dan kombinasi warna komplementer dapat dikurangkan dengan pengenalan warna hitam dan putih, gelap dan terang, warna dan warna.

Shades and Tints of Color
Dalam menggunakan warna bersebelahan atau harmoni, anda boleh mencapai tahap keterbacaan yang lebih tinggi dengan menambahkan hitam atau putih pada salah satu warna - mengubah tepu dan nilai warna. Black mencipta warna gelap warna. Putih mencipta warna yang lebih terang dari tempat teduh. Jika pasangan kuning dan kuning-hijau mungkin terlalu dekat untuk bekerja dengan baik, dengan menggunakan warna hijau yang lebih gelap dapat membantu combo untuk benar-benar pop.

Ini hanya pengenalan asas. Bermain-main dengan ketepuan, dan nilai untuk mencipta tints dan warna pelbagai warna menggunakan Pencipta Skim Warna interaktif ini di Colorspire. Atau, gunakan ciri warna dalam perisian grafik kegemaran anda untuk bereksperimen dengan warna, tepu, dan nilai. Sesetengah perisian grafik mungkin menggunakan intensiti, kecerahan, atau ringan untuk merujuk kepada nilai warna.

Buat Kontras dengan Hitam dan Putih
WHITE adalah warna cahaya muktamad dan berbeza dengan warna gelap seperti merah, biru, atau ungu. BLACK adalah warna gelap muktamad dan membuat warna yang lebih ringan seperti kuning benar-benar keluar.

Mana-mana warna tunggal atau berganda boleh berubah - atau sebaliknya persepsi kita tentang perubahan - disebabkan oleh warna-warna sekitarnya yang lain, kedekatan warna antara satu sama lain, dan jumlah cahaya. Itulah sebabnya sepasang warna yang mungkin bertentangan apabila diletakkan bersebelahan, boleh berfungsi dan kelihatan baik apabila dipisahkan pada halaman atau digunakan dengan warna lain.

Warna cahaya kelihatan lebih ringan apabila ia bersebelahan dengan warna gelap (termasuk hitam). Dua warna yang sama sebelah menyebelah mungkin muncul sebagai dua warna yang berbeza tetapi diletakkan jauh sehingga mereka mula kelihatan seperti warna yang sama.

Kertas dan Emosi Mempengaruhi Persepsi Warna
Jumlah cahaya yang kita perhatikan dalam warna juga dipengaruhi oleh permukaan yang dicetak. Corvette RED berkilat yang dicetak dalam iklan majalah yang licin, kertas berkilat tidak akan kelihatan sama seperti corvette RED yang dicetak dalam iklan akhbar. Kertas menyerap dan mencerminkan cahaya dan warna secara berbeza.

Makna Warna
Di samping itu, pilihan warna kami sering ditentukan oleh emosi yang warna dan kombinasi warna tertentu dibangkitkan. Warna tertentu menghasilkan tindak balas fizikal. Sesetengah warna dan kombinasi warna mempunyai makna tertentu berdasarkan penggunaan tradisional dan budaya.

Indeks Asas Warna:

  1. Pencampuran Warna Sekolah Gred
  2. Primer Tambahan dan Subtractive (RGB & CMY)
  3. Warna RGB dalam Penerbitan Desktop
  4. CMY Color dalam Penerbitan Desktop
  5. Menentukan Warna
  6. Persepsi Warna
  7. Hues, Tints, Shades, dan Saturation
  8. Skim Kombinasi Warna Biasa
  9. Kombinasi Warna Fine-tuning (halaman ini)

Juga lihat: Masalah Dengan Warna kerana apabila anda berfikir dengan warna biru ungu kita berdua boleh melihat merah.