menggunakan atribut gaya menggunakan harta latar belakang, dan berikan nilai kepada rgb(255, 0, 0) , rgb(0, 255, 0) , dan rgb(0, 0, 255) . Iaitu, kita secara bergilir-gilir membuat satu saluran tepu yang mungkin, dan saluran yang selebihnya tidak digunakan untuk sintesis, kerana nilainya adalah sifar.

Cuba edit contoh ini dan nyatakan nilai anda sendiri, contohnya rgb(100, 100, 100) .

Menetapkan warna menggunakan RGBA

Muncul dalam CSS3 alat baru untuk bekerja dengan warna - format RGBA. Ia boleh dipanggil evolusi model RGB, tetapi dengan penambahan satu saluran baru - saluran A atau alfa. Saluran ini menetapkan ketelusan warna. Nilainya ditetapkan dalam julat dari 0 hingga 1. Nilai 0 sepadan dengan ketelusan penuh, 1 - kelegapan penuh (warna akan sama seperti yang ditetapkan pada yang pertama tiga saluran RGB), dan nilai perantaraan seperti 0.4 atau 0.6 - lut sinar kepada darjah yang berbeza-beza.

Contoh kod.

Begini cara ia berfungsi:

Kod ini dengan cara tersendiri perwakilan visual adalah serupa dengan yang berikut, menggunakan model RGB untuk menetapkan nilai warna:

Inilah hasil beliau:

Nilai saluran alfa yang sama dengan sifar menjadikan sebarang warna tidak kelihatan - benar-benar telus; nilai yang sama dengan satu menterjemahkan warna dalam kod RGB tanpa perubahan. Sifat rgba(255,0,0,1.0) menunjukkan warna merah rgb(255, 0, 0) .

Mengikut nilai perenambelasan (kod HEX)

Dalam kehidupan seharian, kita menggunakan sistem pengiraan perpuluhan. Asal-usulnya sangat mudah - kita mempunyai sepuluh jari di tangan kita, dan mengira dengan jari telah memudahkan kehidupan. Jika dalam sistem perpuluhan sepuluh digit: dari 0 hingga 9, dan nombor 10 adalah digit seterusnya, maka sistem nombor heksadesimal mempunyai 16 digit, dan digit seterusnya akan menjadi nombor 16.

Untuk menentukan kod warna sebagai digit heksadesimal, gunakan yang biasa digit perpuluhan dari 0 hingga 9 dan untuk menunjukkan nombor dari 10 hingga 15 menggunakan huruf Latin dari A hingga F, iaitu (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D , E, F). Untuk kejelasan, mari letakkan ini dalam jadual:

Untuk menulis nombor heksadesimal lebih besar daripada F (15 dalam sistem perpuluhan), seperti dalam sistem perpuluhan, mereka juga menggunakan gabungan dua digit, tetapi sudah perenambelasan, yang jelas. Ya, untuk rekod nombor perpuluhan 255 V sistem heksadesimal Notasi FF digunakan.

Sistem perenambelasan lebih mudah difahami oleh komputer, dan ia memproses nilai yang ditetapkan oleh nilai perenambelasan dengan lebih cepat.

Untuk menentukan warna dalam perenambelasan, sebelum nilai berangka anda perlu meletakkan tanda “#”, contoh: #FFC0CB. Nilai #FFC0CB itu sendiri terdiri daripada tiga digit heksadesimal FF, C0 dan CB. Maksud entri ini adalah sama dengan menetapkan warna Format RGB(rgb(r, g, b)) - setiap digit heksadesimal dalam kod HEX menunjukkan ketepuan warna dalam saluran model RGBnya.

Kod ini akan memaparkan elemen berikut:

Dan inilah gambar dengan hasil dari bahagian "Menetapkan warna dengan menggunakan RGB"pada halaman ini di atas.

Rajah 1. Warna dalam RGB.

Kami melihat bahawa warna adalah sama.

Notasi yang dipendekkan bagi kod warna HEX dibenarkan: nombor 6 digit boleh ditulis sebagai nombor 3 digit. Ini hanya sah apabila dua digit dalam nilai warna satu saluran diulang.

Iaitu, singkatan berikut boleh diterima:

Contohnya, warna #ff22aa boleh ditulis sebagai #f2a, atau warna #44aa22 boleh ditulis sebagai #4a2.

Menetapkan Warna Menggunakan HSL

Muncul dalam CSS3 format baharu untuk menunjukkan warna.

Format HSL ialah singkatan untuk perkataan Inggeris: Hue (hue), Saturate (saturation) dan Lightness (lightness).

Hue dalam HSL ialah nilai warna pada roda warna khas (Rajah 2) dan dinyatakan dalam darjah. Jika kita melukis analogi dengan model RGB, maka 0° sepadan dengan merah, 120° sepadan dengan hijau, dan 240° sepadan dengan biru.

Nilai rona akan berubah daripada 0 kepada 359.

Rajah 2. Roda warna HSL.

Nilai kedua - ketepuan (Saturate) ditetapkan sebagai peratusan. Pada ketepuan 100%, warna adalah "berair" yang mungkin; apabila penunjuk tepu bergerak ke arah 0%, warna menjadi lebih kusam dan pudar menjadi kelabu.

Nilai ketiga, Lightness, juga ditetapkan sebagai peratusan. Semakin tinggi peratusan, semakin cerah warnanya. Nilai ekstrem 0% dan 100% masing-masing akan menunjukkan warna hitam (tiada cahaya) dan putih (terlalu terdedah), dan tidak kira warna mana dari roda warna dipilih dalam saluran pertama. Nilai kecerahan warna yang optimum ialah 50%.

Menetapkan Warna Menggunakan HSLA

Format HSLA berkaitan dengan HSL, sama seperti RGB kepada RGBA. DALAM format HSL A, seperti dalam RGBA, saluran alfa telah ditambahkan, yang bertanggungjawab untuk ketelusan warna.

Warna yang dinyatakan dalam format HSL lebih mudah dibaca. Kita boleh mengatakan bahawa ia adalah intuitif. Sebagai contoh, kod hsl(120,60%,50%) boleh mewakili warna akhir jika terdapat gambar roda warna HSL dalam ingatan. Perkara yang sama tidak boleh dikatakan tentang format RGB dan HEX; kod warna yang dinyatakan dalam format ini menjadi jelas hanya selepas ia divisualisasikan pada monitor.

Format baharu dalam CSS3 (HSL, HSLA dan RGBA) berfungsi dalam penyemak imbas bermula daripada versi: IE 9.0, Opera 10.0 Firefox 3.0. Bagaimanakah saya boleh membuat gaya berfungsi pada pelayar lama?

Somebloсk (warna latar belakang: rgb(255,50,50); warna latar belakang: rgba(255,50,50,0.85) )

Apabila menggunakan kod ini dalam pelayar lama, warna latar belakang untuk kelas .somebloсk, walaupun ia tidak akan menggunakan saluran alfa, akan dipaparkan dalam format RGB.

Kod warna dalam CSS digunakan untuk menentukan warna. Biasanya, kod warna atau nilai warna digunakan untuk menetapkan warna sama ada warna latar depan elemen (cth. warna teks, warna pautan) atau warna latar belakang elemen (warna latar belakang, warna blok). Ia juga boleh digunakan untuk menukar warna butang, sempadan, penanda, tuding dan kesan hiasan lain.

Anda boleh menetapkan nilai warna anda pelbagai format. Jadual berikut menyenaraikan semua format yang mungkin:

Format yang disenaraikan diterangkan dengan lebih terperinci di bawah.

Warna CSS - Kod Hex

Kod warna heksadesimal ialah perwakilan enam digit warna. Dua digit pertama (RR) mewakili nilai merah, dua digit seterusnya adalah nilai hijau(GG), dan yang terakhir ialah nilai biru (BB).

Warna CSS - Kod Hex Pendek

Kod warna hex pendek ialah bentuk tatatanda enam aksara yang lebih pendek. Dalam format ini, setiap digit diulang untuk menghasilkan nilai warna enam digit yang setara. Contohnya: #0F0 menjadi #00FF00.

Nilai perenambelasan boleh diambil dari mana-mana grafik perisian, seperti Adobe Photoshop, Cabutan Teras, dsb.

Setiap kod warna heksadesimal dalam CSS akan didahului oleh tanda cincang "#". Di bawah adalah contoh penggunaan tatatanda perenambelasan.

Warna CSS - Nilai RGB

nilai RGB ialah kod warna yang ditetapkan menggunakan harta rgb(). Sifat ini mengambil tiga nilai: setiap satu untuk merah, hijau dan biru. Nilai boleh menjadi integer, dari 0 hingga 255, atau peratusan.

Catatan: Tidak semua penyemak imbas menyokong sifat warna rgb(), jadi tidak disyorkan untuk menggunakannya.

Di bawah ialah contoh yang menunjukkan berbilang warna menggunakan nilai RGB.

Penjana kod warna

Anda boleh mencipta berjuta-juta kod warna menggunakan perkhidmatan kami.

Warna Selamat Pelayar

Di bawah ialah jadual 216 warna yang paling selamat dan bebas komputer. Warna ini dalam CSS berjulat dari 000000 hingga FFFFFF kod perenambelasan. Ia selamat digunakan kerana ia memastikan semua komputer memaparkan warna dengan betul apabila bekerja dengan palet warna 256.

Jadual warna "selamat" dalam CSS
#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

Vlad Merzhevich

Dalam HTML, warna ditentukan dalam salah satu daripada dua cara: menggunakan kod perenambelasan dan dengan nama warna tertentu. Kaedah berdasarkan sistem nombor heksadesimal kebanyakannya digunakan, kerana ia adalah yang paling universal.

Warna heksadesimal

Untuk menetapkan warna dalam HTML, nombor digunakan kod perenambelasan. Sistem perenambelasan, tidak seperti sistem perpuluhan, berdasarkan, seperti namanya, pada nombor 16. Nombornya adalah seperti berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Nombor 10 hingga 15 diganti dengan huruf Latin. Dalam jadual 6.1 menunjukkan kesesuaian antara nombor perpuluhan dan nombor perenambelasan.

Nombor lebih daripada 15 dalam sistem perenambelasan dibentuk dengan menggabungkan dua nombor menjadi satu (Jadual 6.2). Sebagai contoh, nombor 255 dalam perpuluhan sepadan dengan nombor FF dalam perenambelasan.

Untuk mengelakkan kekeliruan dalam mentakrifkan sistem nombor, nombor perenambelasan didahului oleh simbol cincang #, contohnya #aa69cc. Dalam kes ini, kes itu tidak penting, jadi ia dibenarkan untuk menulis #F0F0F0 atau #f0f0f0.

Warna biasa yang digunakan dalam HTML kelihatan seperti ini.

Di sini warna latar belakang halaman web ditetapkan kepada #FA8E47. Simbol cincang # di hadapan nombor bermakna ia adalah perenambelasan. Dua digit pertama (FA) mentakrifkan komponen merah warna, digit ketiga hingga keempat (8E) mentakrifkan komponen hijau, dan dua digit terakhir (47) mentakrifkan komponen biru. Hasil akhirnya akan menjadi warna ini.

F.A.

+

8E

+

47

=

FA8E47

Setiap satu daripada tiga warna - merah, hijau dan biru - boleh mengambil nilai dari 00 hingga FF, menghasilkan sejumlah 256 warna. Oleh itu, jumlah bilangan warna boleh menjadi 256x256x256 = 16,777,216 kombinasi. Model warna berdasarkan komponen merah, hijau dan biru dipanggil RGB (merah, hijau, biru; merah, hijau, biru). Model ini adalah aditif (dari tambah - tambah), di mana penambahan ketiga-tiga komponen membentuk warna putih.

Untuk memudahkan menavigasi warna perenambelasan, ambil kira beberapa peraturan.

• Jika nilai komponen warna adalah sama (contohnya: #D6D6D6), maka hasilnya akan menjadi warna kelabu. Bagaimana bilangan yang lebih besar, mereka warna lebih terang, nilai berubah daripada #000000 (hitam) kepada #FFFFFF (putih).
• Warna merah terang terbentuk jika komponen merah dibuat maksimum (FF) dan komponen selebihnya ditetapkan kepada sifar. Warna dengan nilai #FF0000 ialah warna merah yang paling merah. Perkara yang sama berlaku untuk hijau (#00FF00) dan biru (#0000FF).
• Kuning (#FFFF00) dibuat dengan mencampurkan merah dan hijau. Ini jelas kelihatan pada roda warna (Rajah 6.1), yang membentangkan warna utama (merah, hijau, biru) dan warna pelengkap atau tambahan. Ini termasuk kuning, cyan dan ungu (juga dipanggil magenta). Secara umum, sebarang warna boleh diperolehi dengan mencampurkan warna yang hampir dengannya. Oleh itu, cyan (#00FFFF) diperoleh dengan menggabungkan biru dan hijau.

nasi. 6.1. Bulatan warna

Warna berdasarkan nilai heksadesimal tidak perlu dipilih secara empirik. Sesuai untuk tujuan ini penyunting grafik, boleh bekerja dengan model warna yang berbeza, contohnya, Adobe Photoshop. Dalam Rajah. Rajah 6.2 menunjukkan tetingkap untuk memilih warna dalam program ini; nilai heksadesimal yang terhasil bagi warna semasa digariskan dengan garisan. Anda boleh menyalin dan menampalnya ke dalam kod anda.

nasi. 6.2. Tetingkap untuk memilih warna dalam program Photoshop

Warna web

Jika anda menetapkan kualiti pemaparan warna monitor kepada 8 bit (256 warna), maka warna yang sama boleh dipaparkan dalam pelayar yang berbeza dengan cara saya sendiri. Ini disebabkan oleh cara grafik dipaparkan, apabila penyemak imbas berfungsi dengan paletnya sendiri dan tidak dapat menunjukkan warna yang tiada dalam paletnya. Dalam kes ini, warna digantikan dengan gabungan piksel yang lain, hampir dengannya, warna yang meniru warna yang diberikan. Untuk memastikan warna kekal sama di seluruh pelayar yang berbeza, palet warna web yang dipanggil telah diperkenalkan. Warna web ialah warna yang setiap komponen - merah, hijau dan biru - ditetapkan kepada salah satu daripada enam nilai - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Nilai heksadesimal komponen ini ditunjukkan dalam kurungan. Jumlah bilangan warna daripada semua kombinasi yang mungkin memberikan 6x6x6 - 216 warna. Contoh warna web ialah #33FF66.

Ciri utama warna web ialah ia kelihatan sama dalam semua pelayar. DALAM masa ini Perkaitan warna web adalah sangat kecil disebabkan oleh peningkatan dalam kualiti monitor dan pengembangan keupayaannya.

Warna mengikut nama

Untuk mengelak daripada mengingati set nombor, anda boleh menggunakan nama warna yang biasa digunakan. Dalam jadual 6.3 menunjukkan nama nama warna yang popular.

Jadual 6.3. Nama beberapa warna

Nama warna	Warna	Penerangan	Nilai heksadesimal
hitam		Hitam	#000000
biru		Biru	#0000FF
fuchsia		Ungu muda	#FF00FF
kelabu		Kelabu gelap	#808080
hijau		hijau	#008000
kapur		Lampu hijau	#00FF00
merah marun		Merah gelap	#800000
tentera laut		Biru gelap	#000080
buah zaitun		Zaitun	#808000
ungu		Ungu gelap	#800080
merah		merah	#FF0000
perak		Kelabu cerah	#C0C0C0
teal		Biru Hijau	#008080
putih		putih	#FFFFFF
kuning		Kuning	#FFFF00

Tidak kira sama ada anda menentukan warna dengan namanya atau menggunakan nombor perenambelasan. Kaedah ini adalah sama dalam kesannya. Contoh 6.1 menunjukkan cara untuk menetapkan latar belakang dan warna teks halaman web.

Contoh 6.1. Warna latar belakang dan teks

Contoh teks

DALAM dalam contoh ini Warna latar belakang ditetapkan menggunakan atribut bgcolor tag , dan warna teks melalui atribut teks. Untuk variasi, nilai atribut teks ditetapkan kepada: nombor heksadesimal, dan bgcolor menggunakan reserved kata kunci teal.

HEX/HTML

Warna HEX hanyalah perwakilan heksadesimal bagi RGB.

Warna dibentangkan dalam bentuk tiga kumpulan digit heksadesimal, di mana setiap kumpulan bertanggungjawab untuk warnanya sendiri: #112233, dengan 11 adalah merah, 22 adalah hijau, 33 adalah biru. Semua nilai mestilah antara 00 dan FF.

Banyak aplikasi membenarkan bentuk notasi warna heksadesimal yang dipendekkan. Jika setiap daripada tiga kumpulan mengandungi aksara yang sama, contohnya #112233, maka ia boleh ditulis sebagai #123.

1. h1 ( warna: #ff0000; ) /* merah */
2. h2 ( warna: #00ff00; ) /* hijau */
3. h3 ( warna: #0000ff; ) /* biru */
4. h4 ( warna: #00f; ) /* biru sama, trengkas */

RGB

Ruang warna RGB (Merah, Hijau, Biru) terdiri daripada semua kemungkinan warna yang boleh dibuat dengan mencampurkan merah, hijau dan biru. Model ini popular dalam fotografi, televisyen dan grafik komputer.

Nilai RGB ditentukan sebagai integer dari 0 hingga 255. Contohnya, rgb(0,0,255) dipaparkan sebagai biru kerana parameter biru ditetapkan kepada nilai tertingginya (255) dan yang lain ditetapkan kepada 0.

Sesetengah aplikasi (terutamanya pelayar web) menyokong peratusan rakaman nilai RGB (dari 0% hingga 100%).

1. h1 ( warna: rgb(255, 0, 0); ) /* merah */
2. h2 ( warna: rgb(0, 255, 0); ) /* hijau */
3. h3 ( warna: rgb(0, 0, 255); ) /* biru */
4. h4 ( warna: rgb(0%, 0%, 100%); ) /* biru sama, peratusan kemasukan */

Nilai warna RGB disokong dalam semua pelayar utama.

RGBA

Baru-baru ini pelayar moden belajar bekerja dengan model warna RGBA - lanjutan RGB dengan sokongan untuk saluran alfa, yang menentukan kelegapan objek.

Maknanya warna RGBA dinyatakan dalam bentuk: rgba(merah, hijau, biru, alfa). Parameter alfa ialah nombor antara 0.0 (lutsinar sepenuhnya) hingga 1.0 (legap sepenuhnya).

1. h1 ( warna: rgb(0, 0, 255); ) /* biru dalam RGB biasa */
2. h2 ( warna: rgba(0, 0, 255, 1); ) /* biru yang sama dalam RGBA, kerana kelegapan: 100% */
3. h3 ( warna: rgba(0, 0, 255, 0.5); ) /* kelegapan: 50% */
4. h4 ( warna: rgba(0, 0, 255, .155); ) /* kelegapan: 15.5% */
5. h5 ( warna: rgba(0, 0, 255, 0); ) /* telus sepenuhnya */

RGBA disokong dalam IE9+, Firefox 3+, Chrome, Safari dan Opera 10+.

HSL

Model warna HSL ialah perwakilan model RGB dalam sistem koordinat silinder. HSL mewakili warna dalam cara yang lebih intuitif dan boleh dibaca manusia daripada RGB biasa. Model ini sering digunakan dalam aplikasi grafik, dalam palet warna, dan untuk analisis imej.

HSL bermaksud Hue (warna/rona), Ketepuan (tepu), Kecerahan/Kecerahan (kecerahan/kecerahan, tidak boleh dikelirukan dengan kecerahan).

Hue menentukan kedudukan warna pada roda warna (dari 0 hingga 360). Ketepuan ialah nilai peratusan ketepuan (dari 0% hingga 100%). Ringan ialah peratusan kecerahan (dari 0% hingga 100%).

1. h1 ( warna: hsl(120, 100%, 50%); ) /* hijau */
2. h2 ( warna: hsl(120, 100%, 75%); ) /* hijau muda */
3. h3 ( warna: hsl(120, 100%, 25%); ) /* hijau tua */
4. h4 ( warna: hsl(120, 60%, 70%); ) /* hijau pastel */

HSL disokong dalam IE9+, Firefox, Chrome, Safari dan Opera 10+.

HSLA

Sama seperti RGB/RGBA, HSL mempunyai mod HSLA yang menyokong saluran alfa untuk menunjukkan kelegapan objek.

Nilai warna HSLA ditentukan sebagai: hsla(warna, tepu, kecerahan, alfa). Parameter alfa ialah nombor antara 0.0 (lutsinar sepenuhnya) hingga 1.0 (legap sepenuhnya).

1. h1 ( warna: hsl(120, 100%, 50%); ) /* hijau dalam HSL biasa */
2. h2 ( warna: hsla(120, 100%, 50%, 1); ) /* hijau yang sama dalam HSLA, kerana kelegapan: 100% */
3. h3 ( warna: hsla(120, 100%, 50%, 0.5); ) /* kelegapan: 50% */
4. h4 ( warna: hsla(120, 100%, 50%, .155); ) /* kelegapan: 15.5% */
5. h5 ( warna: hsla(120, 100%, 50%, 0); ) /* lutsinar sepenuhnya */

CMYK

Model warna CMYK sering dikaitkan dengan percetakan dan percetakan warna. CMYK (tidak seperti RGB) ialah model tolak, bermakna nilai yang lebih tinggi dikaitkan dengan warna yang lebih gelap.

Warna ditentukan oleh nisbah cyan (Cyan), magenta (Magenta), kuning (Kuning), dengan penambahan hitam (Key/blackK).

Setiap nombor yang mentakrifkan warna dalam CMYK mewakili peratusan dakwat warna itu yang membentuk kombinasi warna, atau sebaliknya, saiz titik raster yang dipaparkan pada mesin penetapan fototaip pada filem dengan warna tertentu (atau terus pada borang cetakan dalam kes CTP).

Sebagai contoh, untuk mendapatkan warna PANTONE 7526, anda akan mencampurkan 9 bahagian cyan, 83 bahagian magenta, 100 bahagian kuning dan 46 bahagian hitam. Ini boleh ditandakan seperti berikut: (9,83,100,46). Kadangkala sebutan berikut digunakan: C9M83Y100K46, atau (9%, 83%, 100%, 46%) atau (0.09/0.83/1.0/0.46).

HSB/HSV

HSB (juga dikenali sebagai HSV) adalah serupa dengan HSL, tetapi ia adalah dua model warna yang berbeza. Kedua-duanya adalah berdasarkan geometri silinder, tetapi HSB/HSV adalah berdasarkan model "hexcone", manakala HSL adalah berdasarkan model "bi-hexcone". Artis sering lebih suka menggunakan model ini, secara umum diterima bahawa peranti HSB/HSV lebih dekat dengan persepsi semula jadi warna. Khususnya, warna model HSB digunakan dalam Adobe Photoshop.

HSB/HSV bermaksud Hue (warna/warna), Ketepuan (tepu), Kecerahan/Nilai (kecerahan/nilai).

Hue menentukan kedudukan warna pada roda warna (dari 0 hingga 360). Ketepuan ialah nilai peratusan ketepuan (dari 0% hingga 100%). Kecerahan ialah peratusan kecerahan (dari 0% hingga 100%).

XYZ

Model warna XYZ (CIE 1931 XYZ) ialah ruang matematik semata-mata. Tidak seperti RGB, CMYK dan model lain, dalam XYZ komponen utama adalah "khayal", bermakna anda tidak boleh mengaitkan X, Y dan Z dengan mana-mana set warna untuk dicampur. XYZ ialah model induk hampir semua orang lain model warna, digunakan dalam bidang teknikal.

MAKMAL

Model warna LAB (CIELAB, “CIE 1976 L*a*b*”) dikira daripada ruang CIE XYZ. Apabila membangunkan Makmal, matlamatnya adalah untuk mencipta ruang warna, perubahan warna yang akan menjadi lebih linear dari sudut persepsi manusia (berbanding XYZ), iaitu, supaya perubahan yang sama dalam nilai koordinat warna dalam kawasan yang berbeza ruang warna menghasilkan sensasi perubahan warna yang sama.