format rgb ce. Model de culoare RGB în CSS. Pentru ce este formatul de fișier .RGB?

Aveți o problemă la deschiderea fișierelor .RGB? Colectăm informații despre formate de fișiereși vă putem spune pentru ce sunt fișierele RGB. În plus, vă recomandăm programele care sunt cele mai potrivite pentru deschiderea sau convertirea unor astfel de fișiere.

Pentru ce este formatul de fișier .RGB?

Derivat din notația standard pentru modelul aditiv de culoare RGB (roșu, verde, albastru), extensie .rgb asociat cu tipul de fișier RGB SGI Color Bitmap, parte a formatului de fișier imagine SGI mai larg (format de fișier imagine SGI). Acum dispărut, SGI (inițial Silicon Graphics) a fost un pionier în stațiile de lucru grafice de înaltă performanță bazate pe Unix și și-a dezvoltat propriul format de bitmap generic. Specificația completă pentru formatul bitmap SGI a fost publicată.

Fişier .rgb este o hartă de biți color RGB (culoare pe 24 de biți) în format SGI. Pe lângă modul necomprimat, formatul SGI oferă și posibilitatea compresiei RLE (Run Length Encoding - Group coding). Într-un singur dosar .rgb poate exista un bitmap.

Fișierele SGI RGB sunt recunoscute și acceptate de majoritatea majore editori graficiși spectatori în majoritatea mediilor de utilizator. În afară de .rgb Bitmaps-urile SGI pot avea alte extensii, și anume .rgb a (imagini RGBA de 32 de biți) și .sgi(extindere generală).

Într-o calitate similară, extinderea .rgb poate apărea uneori în legătură cu un format de culoare standard rar bitmaps Q0 (RGB, culoare pe 24 de biți). Acest format este, de asemenea, recunoscut și acceptat de majoritatea celor mai mari vizualizatori/editori grafici.

Programe pentru deschiderea sau convertirea fișierelor RGB

Puteți deschide fișiere RGB cu următoarele programe:

Modelul RGB descrie culorile emise. Se bazează pe trei culori primare (de bază): roșu (roșu), verde (verde) și albastru (albastru). Modelul RGB poate fi numit „nativ” pentru afișaj. Culorile rămase se obțin prin combinarea celor de bază. Culorile de acest tip se numesc aditive.

Figura arată că combinația de verde și roșu dă galben, combinația de verde și albastru - albastru și combinația de toate cele trei culori - alb. Din aceasta putem concluziona că culorile în RGB se adună subtractiv.

Culorile primare sunt preluate din biologia umană. Adică, aceste culori se bazează pe răspunsul fiziologic al ochiului uman la lumină. Ochiul uman are celule fotoreceptoare care răspund la majoritatea luminii verzi (M), galben-verde (L) și albastru-violet (S) ( lungime maxima unde de la 534 nm, 564 nm și, respectiv, 420 nm). Creierul uman poate distinge cu ușurință o gamă largă de culori diferite pe baza diferențelor dintre semnalele primite de la cele trei valuri.

Modelul de culoare RGB este utilizat pe scară largă în afișajele LCD sau cu plasmă, cum ar fi un televizor sau un monitor de computer. Fiecare pixel de pe un afișaj poate fi reprezentat într-o interfață hardware (cum ar fi plăcile grafice) ca valori roșu, verde și albastru. Valorile RGB variază în intensitate, care sunt utilizate în scopuri vizuale. Camerele și scanerele funcționează și ele în aceeași ordine, captează culoarea cu senzori care înregistrează o intensitate RGB diferită pe pixel.

În modul 16 biți pe pixel, cunoscut și sub numele de Highcolor, există fie 5 biți pe culoare (denumit adesea modul 555), fie cu un bit suplimentar pentru verde (cunoscut sub numele de modul 565). Verdele este completat datorită faptului că ochiul uman are capacitatea de a detecta mai multe nuanțe de verde decât orice altă culoare.

Valorilor RGB reprezentate în modul de 24 de biți per pixel (bpp), cunoscut și sub numele de Truecolor, sunt alocate de obicei trei valori întregi între 0 și 255. Fiecare dintre aceste trei numere reprezintă intensitatea roșu, verde și, respectiv, albastru.

RGB are trei canale: roșu, albastru și verde, adică. RGB este un model de culoare cu trei canale. Fiecare canal poate lua valori de la 0 la 255 în zecimală sau, mai aproape de realitate, de la 0 la FF în hexazecimal. Acest lucru se explică prin faptul că octetul care codifică canalul, și într-adevăr orice octet, este format din opt biți, iar un bit poate lua 2 valori 0 sau 1, pentru un total de 28=256. În RGB, de exemplu, roșul poate avea 256 de niveluri, de la roșu pur (FF) la negru (00). Astfel, este ușor de calculat că modelul RGB conține doar 2563 sau 16777216 culori.

RGB are trei canale și fiecare este codificat cu 8 biți. Valoarea maximă, FF (sau 255) oferă o culoare pură. Culoarea albă se obține prin combinarea tuturor culorilor, mai exact, gradațiile lor limitative. Cod de culoare albă = FF (roșu) + FF (verde) + FF (albastru). În consecință, cod negru = 000000. Cod galben = FFFF00, magenta = FF00FF, cyan = 00FFFF.

Există, de asemenea, moduri de afișare color pe 32 și 48 de biți.

RGB nu este folosit pentru imprimarea pe hârtie, există un spațiu de culoare CMYK.

CMYK este modelul de culoare utilizat în imprimarea color. Un model de culoare este un model matematic pentru a descrie culorile ca numere întregi. Modelul CMYK se bazează pe cyan, magenta, galben și negru.

Cel mai convenabil, comun, mod universal indicații de culoare - RGB. RGB este o abreviere pentru Red Green Blue, ceea ce înseamnă: roșu, verde, albastru sunt culorile primare prin combinarea cărora se obțin toate celelalte culori.

Culoarea folosind RGB poate fi setată în mai multe moduri, detalii suplimentare despre fiecare.

Format de culoare CSS funcțional

Forma generală a formatului funcțional este: rgb(culoare), unde „culoarea” este o combinație de trei numere întregi (de la 0 la 255) sau trei valori procentuale (de la 0% la 100%) separate prin virgule. Aici sunt cateva exemple.

Rgb(255, 255, 255) /* culoare albă */
rgb(0, 0, 0) /* culoare neagră */
rgb(255, 0, 0) /* culoare roșu */

Rgb(100%, 100%, 100%) /* culoare albă */
rgb(0%, 0%, 0%) /* culoare neagră */
rgb(100%, 0%, 0%) /* culoare roșu */

După rgb și înainte (fără spațiu!

Acum să facem culoarea textului antetului într-o culoare aleatorie, cum ar fi rgb(222, 14, 100), care este o culoare roz sau violet. Mai jos este un exemplu de aplicație.

H1(
culoare: rgb(222, 14, 100);
}

Și acum cu ajutorul procentelor și RGB vom crea câteva nuanțe de verde. Acesta este exemplul 4.

Exemplul 4, cod CSS

P.one (culoare: rgb(0%, 20%, 0%); )
p.two (culoare: rgb(0%, 40%, 0%); )
p.trei (culoare: rgb(0%, 60%, 0%); )
p.four (culoare: rgb(0%, 80%, 0%); )
p.cinci (culoare: rgb(0%, 100%, 0%); )

Exemplul 4, cod HTML

Verde

Apropo, puteți scrie procente fracționale, de exemplu, rgb(40,2%, 22,34%, 12%), astfel încât culoarea va fi mai precisă.

Și ce se întâmplă dacă depășim intervalul de valori? Nimic special nu se va întâmpla, doar valorile vor fi interpretate la cele mai apropiate limite (0% sau 100%, 0 sau 255). Urmează cel de-al cincilea exemplu.

Rgb(200%, 3100%, 101%) /* va fi rgb(100%, 100%, 100%) */
rgb(-200%, 0%, 12%) /* va fi rgb(0%, 0%, 12%) */
rgb(257, -130, 212) /* va fi rgb(255, 0, 212) */

Să presupunem că avem următorul cod CSS: rgb(12%, 96%, 43%) și trebuie să convertim valorile procentuale în numere întregi. Acest lucru se face foarte simplu, trebuie să înmulțiți fiecare nivel cu 255 și apoi să împărțiți la 100, ca rezultat obținem rgb(30.6, 244.8, 109.65), apoi rotunjim conform regulilor matematicii și obținem rezultatul dorit: rgb(31, 245, 110) .

Notație hexazecimală de culoare în CSS

Eu folosesc cel mai des formatul hexazecimal, este doar mai scurt. Urmează un exemplu.

P (culoare: #FFFFFF; ) /* culoare alb text */
p (culoare: #000000; ) /* culoarea textului negru */
p (culoare: #FF0000; ) /* culoarea textului roșu */

Aproape nu există diferențe față de RGB. Sunt specificate trei culori RRGGBB, variind de la 00 la FF (FF este 255 zecimale). După cum puteți vedea, nu există spații sau alte caractere între cifre și litere (al doilea motiv pentru care îmi place mai mult acest format), iar codul hexazecimal începe cu semnul lire sterline (#). Apropo, formatul hexazecimal se numește format HEX. Următorul este un exemplu de trei culori identice, care sunt scrise în trei moduri.

HEX/HTML

O culoare în format HEX nu este altceva decât o reprezentare hexazecimală a RGB.

Culorile sunt reprezentate în Trei grupuri de cifre hexazecimale, în care fiecare grup este responsabil pentru propria sa culoare: #112233, unde 11 este roșu, 22 este verde, 33 este albastru. Toate valorile trebuie să fie între 00 și FF.

Multe aplicații acceptă o notație scurtă pentru culorile hexazecimale. Dacă fiecare dintre cele trei grupuri conține aceleași caractere, de exemplu #112233, atunci acestea pot fi scrise ca #123.

h1 (culoare: #ff0000; ) /* roșu */
h2 (culoare: #00ff00; ) /* verde */
h3 (culoare: #0000ff; ) /* albastru */
h4 (culoare: #00f; ) /* același albastru, stenografie */

RGB

Spațiul de culoare RGB (Roșu, Verde, Albastru) constă din toate culorile posibile care pot fi obținute prin amestecarea roșu, verde și albastru. Acest model este popular în fotografie, televiziune și grafică pe computer.

Valorile RGB sunt specificate ca un număr întreg între 0 și 255. De exemplu, rgb(0,0,255) este afișat ca albastru deoarece parametrul albastru este setat la cea mai mare valoare (255), iar restul este setat la 0.

Unele aplicații (în special browserele web) acceptă procente RGB (de la 0% la 100%).

h1 (culoare: rgb(255, 0, 0); ) /* roșu */
h2 (culoare: rgb(0, 255, 0); ) /* verde */
h3 (culoare: rgb(0, 0, 255); ) /* albastru */
h4 (culoare: rgb(0%, 0%, 100%); ) /* același albastru, notație procentuală */

Valorile de culoare RGB sunt acceptate în toate browserele majore.

RGBA

Recent browsere moderne a învățat cum să lucreze cu modelul de culoare RGBA - o extensie a RGB cu suport pentru un canal alfa care determină opacitatea unui obiect.

Valoarea culorii RGBA este specificată ca: rgba (roșu, verde, albastru, alfa). Parametrul alfa este un număr între 0,0 (complet transparent) și 1,0 (complet opac).

h1 (culoare: rgb(0, 0, 255); ) /* albastru în RGB normal */
h2 (culoare: rgba(0, 0, 255, 1); ) /* același albastru în RGBA deoarece opacitate: 100% */
h3 (culoare: rgba(0, 0, 255, 0,5); ) /* opacitate: 50% */
h4 (culoare: rgba(0, 0, 255, .155); ) /* opacitate: 15,5% */
h5 (culoare: rgba(0, 0, 255, 0); ) /* complet transparent */

RGBA este acceptat în IE9+, Firefox 3+, Chrome, Safari și Opera 10+.

HSL

Modelul de culoare HSL este o reprezentare a modelului RGB într-un sistem de coordonate cilindric. HSL reprezintă culorile într-un mod care este mai intuitiv și mai ușor de înțeles decât RGB tipic. Modelul este adesea folosit în aplicații grafice, în paletele de culori și pentru analiza imaginilor.

HSL înseamnă Hue (culoare / nuanță), Saturation (saturație), Luminozitate / Luminanță (luminozitate / luminozitate / luminozitate, a nu se confunda cu luminozitatea).

Nuanța activează poziția culorii paletă de culori(de la 0 la 360). Saturația este o valoare procentuală de saturație (de la 0% la 100%). Luminozitatea este un procent de luminozitate (de la 0% la 100%).

h1 (culoare: hsl(120, 100%, 50%); ) /* verde */
h2 (culoare: hsl(120, 100%, 75%); ) /* verde deschis */
h3 (culoare: hsl(120, 100%, 25%); ) /* verde închis */
h4 (culoare: hsl(120, 60%, 70%); ) /* verde pastel */

HSL este acceptat în IE9+, Firefox, Chrome, Safari și Opera 10+.

HSLA

Similar cu RGB/RGBA, HSL are un mod HSLA cu suport pentru un canal alfa pentru a specifica opacitatea unui obiect.

Valoarea culorii HSLA este specificată ca: hsla (nuanță, saturație, luminozitate, alfa). Parametrul alfa este un număr între 0,0 (complet transparent) și 1,0 (complet opac).

h1 (culoare: hsl(120, 100%, 50%); ) /* verde în HSL obișnuit */
h2 (culoare: hsla(120, 100%, 50%, 1); ) /* același verde în HSLA deoarece opacitate: 100% */
h3 (culoare: hsla(120, 100%, 50%, 0,5); ) /* opacitate: 50% */
h4 (culoare: hsla(120, 100%, 50%, .155); ) /* opacitate: 15,5% */
h5 (culoare: hsla(120, 100%, 50%, 0); ) /* complet transparent */

CMYK

Modelul color CMYK este adesea asociat cu imprimarea color, cu imprimarea. CMYK (spre deosebire de RGB) este un model subtractiv, ceea ce înseamnă că valorile mai mari sunt asociate cu culori mai închise.

Culorile sunt determinate de raportul dintre cyan (cyan), magenta (magenta), galben (galben), cu adăugarea de negru (cheie / negruK).

Fiecare dintre numerele care definesc o culoare în CMYK reprezintă procentul de cerneală dintr-o anumită culoare care alcătuiește combinația de culori, sau mai bine zis, dimensiunea punctului ecranului afișat pe fotocompozitorul pe film de o anumită culoare (sau direct pe formă tipărităîn cazul CTP).

De exemplu, pentru a obține culoarea „PANTONE 7526”, ați amesteca 9 părți cyan, 83 părți magenta, 100 galben și 46 negru. Acesta poate fi notat astfel: (9,83,100,46). Uneori folosesc astfel de denumiri: C9M83Y100K46 sau (9%, 83%, 100%, 46%) sau (0,09 / 0,83 / 1,0 / 0,46).

HSB/HSV

HSB (cunoscut și ca HSV) este similar cu HSL, dar sunt două modele de culori diferite. Ambele se bazează pe geometria cilindrică, dar HSB/HSV se bazează pe modelul „hexcon”, în timp ce HSL se bazează pe modelul „bi-hexcon”. Artiștii preferă adesea să folosească acest model, este în general acceptat că dispozitivul HSB / HSV este mai aproape de percepția naturală a culorii. În special, modelul de culoare HSB este utilizat în Adobe Photoshop.

HSB / HSV înseamnă Hue (culoare / nuanță), Saturation (saturație), Brightness / Value (luminozitate / valoare).

Nuanța setează poziția culorii pe roata de culori (de la 0 la 360). Saturația este o valoare procentuală de saturație (de la 0% la 100%). Luminozitatea este un procent din luminozitate (de la 0% la 100%).

XYZ

Modelul de culoare XYZ (CIE 1931 XYZ) este un spațiu pur matematic. Spre deosebire de RGB, CMYK și alte modele, în XYZ componentele primare sunt „imaginare”, ceea ce înseamnă că nu puteți mapa X, Y și Z la niciun set de culori mixte. XYZ este modelul principal pentru aproape toate celelalte modele de culoare utilizate în domeniile tehnice.

LAB

Modelul de culoare LAB (CIELAB, "CIE 1976 L*a*b*") este calculat din spațiul CIE XYZ. Scopul Lab a fost de a crea un spațiu de culoare în care schimbarea culorii să fie mai liniară în ceea ce privește percepția umană (comparativ cu XYZ), adică aceeași modificare a valorilor coordonatelor de culoare în diferite zone ale spațiului de culoare ar produce același sentiment de schimbare a culorii.