rgb format što. RGB model boja u CSS-u. Za što se koristi format datoteke .RGB?

Imate li problema s otvaranjem .RGB datoteka? Prikupljamo podatke o formati datoteka a mi vam možemo reći za što su potrebne RGB datoteke. Dodatno, preporučujemo programe koji su najprikladniji za otvaranje ili pretvaranje takvih datoteka.

Za što se koristi format datoteke .RGB?

Izvedeno iz standardnog modela aditivnih boja RGB (crvena, zelena, plava), proširenje .rgb Povezano s vrstom datoteke RGB SGI Color Bitmap, dijelom šireg SGI formata slikovne datoteke. Sada već nepostojeći, SGI (izvorno Silicon Graphics) bio je pionir u grafičkim stanicama temeljenim na Unixu visokih performansi i razvio je vlastiti zajednički raster format. Puna specifikacija za SGI raster format je objavljena.

Datoteka .rgb je RGB (24-bitna boja) bitmap slika u boji u SGI formatu. Osim nekomprimiranog načina rada, SGI format također pruža mogućnost RLE kompresije (Run Length Encoding). U jednoj datoteci .rgb može postojati jedna bitmapa.

SGI RGB datoteke prepoznaje i podržava većina velikih grafički urednici i gledanje programa u većini korisničkih okruženja. osim .rgb SGI bitmape mogu imati druga proširenja, naime .rgb a (32-bitne RGBA slike) i .sgi(opće proširenje).

U sličnom svojstvu, proširenje .rgb ponekad se može pojaviti u odnosu na rijedak standardni format boje rasterske slike Q0 (RGB, 24-bitna boja). Ovaj format također prepoznaje i podržava većina glavnih grafičkih preglednika/uređivača.

Programi za otvaranje ili pretvaranje RGB datoteka

RGB datoteke možete otvoriti pomoću sljedećih programa:

RGB model opisuje emitirane boje. Temelji se na tri primarne (osnovne) boje: crvenoj (Red), zelenoj (Green) i plavoj (Blue). RGB model se može nazvati "nativnim" za zaslon. Preostale boje dobivaju se spajanjem osnovnih. Ova vrsta boje naziva se aditivna.

Sa slike je vidljivo da kombinacija zelene i crvene daje žutu, kombinaciju zelene i plave cijan, a kombinaciju sve tri boje bijelu. Iz ovoga možemo zaključiti da se boje u RGB dodaju subtraktivno.

Primarne boje su preuzete iz ljudske biologije. Odnosno, te se boje temelje na fiziološkoj reakciji ljudskog oka na svjetlost. Ljudsko oko ima fotoreceptorske stanice koje reagiraju na većinu zelene (M), žuto-zelene (L) i plavo-ljubičaste (S) svjetlosti ( maksimalna duljina valovi od 534 nm, 564 nm odnosno 420 nm). Ljudski mozak može lako razlikovati širok raspon različitih boja na temelju razlika u signalima primljenim od tri vala.

RGB model boja koji se najčešće koristi je u LCD ili plazma zaslonima, kao što su TV ili računalni monitor. Svaki piksel na zaslonu može biti predstavljen u hardverskom sučelju (kao što su grafičke kartice) kao crvene, zelene i plave vrijednosti. RGB vrijednosti variraju u intenzitetu, koji se koristi za jasnoću. Kamere i skeneri također rade na isti način, oni hvataju boju pomoću senzora koji bilježe različite RGB intenzitete na svakom pikselu.

U načinu rada od 16 bita po pikselu, također poznatom kao Highcolor, postoji ili 5 bitova po boji (često se naziva 555 način) ili dodatni bit za zelenu (poznat kao 565 način). Zelena boja je dodana zbog činjenice da ljudsko oko ima sposobnost detektiranja više nijansi zelene od bilo koje druge boje.

RGB vrijednosti, predstavljene u načinu rada od 24 bita po pikselu (bpp), također poznatom kao Truecolor, obično imaju tri cjelobrojne vrijednosti između 0 i 255. Svaki od ova tri broja predstavlja intenzitet crvene, zelene i plave boje.

RGB ima tri kanala: crveni, plavi i zeleni, tj. RGB je trokanalni model boja. Svaki kanal može uzeti vrijednosti od 0 do 255 u decimalnom ili, što je realnije, od 0 do FF u heksadecimalnom. To se objašnjava činjenicom da se bajt kojim je kanal kodiran, kao i svaki bajt, sastoji od osam bitova, a bit može imati 2 vrijednosti 0 ili 1, ukupno 28=256. U RGB-u, na primjer, crvena može imati 256 stupnjeva: od čiste crvene (FF) do crne (00). Tako je lako izračunati da RGB model sadrži samo 2563 ili 16777216 boja.

RGB ima tri kanala, a svaki je kodiran sa 8 bita. Najveća vrijednost, FF (ili 255), daje čistu boju. Bijela boja se dobiva kombinacijom svih boja, odnosno njihovih ekstremnih gradacija. Šifra bijele boje = FF(crvena) + FF(zelena) + FF(plava). Prema tome, crni kod = 000000. Žuti kod = FFFF00, magenta = FF00FF, cijan = 00FFFF.

Također postoje 32 i 48 bitni načini prikaza u boji.

RGB se ne koristi za ispis na papiru, umjesto toga postoji CMYK prostor boja.

CMYK je model boja koji se koristi u ispisu u boji. Model boja je matematički model za opisivanje boja korištenjem cijelih brojeva. CMYK model temelji se na cijan, magenta, žutoj i crnoj boji.

Najprikladniji, najrašireniji, univerzalna metoda indikacije boja - RGB. RGB je skraćenica (Red Green Blue), što znači: crvena, zelena, plava – primarne boje, čijim kombiniranjem se dobivaju sve ostale boje.

Boja se može postaviti pomoću RGB-a na nekoliko načina; u nastavku su pojedinosti o svakom.

Funkcionalni format za pisanje boja u CSS-u

Opći oblik funkcionalnog formata je: rgb(boja), gdje je "boja" kombinacija tri cijela broja (od 0 do 255) ili tri postotne vrijednosti (od 0% do 100%), odvojenih zarezima. Dolje je nekoliko primjera.

Rgb(255, 255, 255) /* bijelo */
rgb(0, 0, 0) /* crna boja */
rgb(255, 0, 0) /* crveno */

Rgb(100%, 100%, 100%) /* bijela boja */
rgb(0%, 0%, 0%) /* crna boja */
rgb(100%, 0%, 0%) /* crvena */

Nakon rgb i prije (bez razmaka!

Neka sada oboji tekst naslova u neku slučajnu boju, na primjer, rgb(222, 14, 100) , što je neka vrsta ružičaste ili ljubičaste boje. Ispod je primjer primjene.

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

Sada upotrijebimo postotke i RGB da stvorimo nekoliko nijansi zelene. Ovo je primjer 4.

Primjer 4, CSS kod

P.one ( boja: rgb(0%, 20%, 0%); )
p.dva (boja: rgb(0%, 40%, 0%); )
str.tri (boja: rgb(0%, 60%, 0%); )
p.četiri (boja: rgb(0%, 80%, 0%); )
str.pet (boja: rgb(0%, 100%, 0%); )

Primjer 4, HTML kod

zelena

Usput, postotni brojevi mogu se napisati kao razlomci, na primjer, rgb(40,2%, 22,34%, 12%), tako da će boja biti točnija.

A što se događa ako izađemo iz raspona vrijednosti? Neće se dogoditi ništa posebno, samo će se vrijednosti interpretirati do najbližih granica (0% ili 100%, 0 ili 255). Slijedi primjer pet.

Rgb(200%, 3100%, 101%) /* će biti rgb(100%, 100%, 100%) */
rgb(-200%, 0%, 12%) /* će biti rgb(0%, 0%, 12%) */
rgb(257, -130, 212) /* će biti rgb(255, 0, 212) */

Recimo da imamo sljedeći CSS kod: rgb(12%, 96%, 43%) i trebamo pretvoriti postotke u cijele brojeve. To se radi vrlo jednostavno, morate pomnožiti svaku razinu s 255, a zatim podijeliti sa 100, kao rezultat dobivamo rgb (30.6, 244.8, 109.65), zatim zaokružujemo prema pravilima matematike i dobivamo ono što želimo: rgb(31, 245, 110) .

Heksadecimalni format boja u CSS-u

Najčešće koristim heksadecimalni format, samo je kraći. Ispod je primjer.

P ( boja: #FFFFFF; ) /* bijela boja teksta */
p ( boja: #000000; ) /* crna boja teksta */
p ( boja: #FF0000; ) /* crvena boja teksta */

Gotovo da nema razlike u odnosu na RGB. Navedene su tri boje, RRGGBB, u rasponu od 00 do FF (FF je 255 u decimalnom). Kao što vidite, nema razmaka niti drugih znakova između brojeva i slova (drugi razlog zašto mi se ovaj format više sviđa), a heksadecimalni kod počinje hashom (#). Usput, heksadecimalni format naziva se HEX format. Ispod je primjer tri identične boje, koje se pišu na tri načina.

HEX/HTML

HEX boja nije ništa drugo nego heksadecimalni prikaz RGB-a.

Boje su predstavljene u oblik tri grupe heksadecimalnih znamenki, gdje je svaka grupa odgovorna za svoju boju: #112233, gdje je 11 crvena, 22 zelena, 33 plava. Sve vrijednosti moraju biti između 00 i FF.

Mnoge aplikacije dopuštaju skraćeni oblik heksadecimalnog zapisa boja. Ako svaka od tri grupe sadrži iste znakove, na primjer #112233, tada se mogu napisati kao #123.

h1 ( boja: #ff0000; ) /* crvena */
h2 (boja: #00ff00;) /* zelena */
h3 (boja: #0000ff;) /* plava */
h4 ( boja: #00f; ) /* ista plava, skraćeno */

RGB

RGB (Red, Green, Blue) prostor boja sastoji se od svih mogućih boja koje se mogu stvoriti miješanjem crvene, zelene i plave. Ovaj je model popularan u fotografiji, televiziji i računalnoj grafici.

RGB vrijednosti navedene su kao cijeli broj od 0 do 255. Na primjer, rgb(0,0,255) je prikazan kao plavo jer je plavi parametar postavljen na najveću vrijednost (255), a ostali su postavljeni na 0.

Neke aplikacije (osobito web preglednici) podržavaju postotak snimanja RGB vrijednosti (od 0% do 100%).

h1 (boja: rgb(255, 0, 0); ) /* crvena */
h2 (boja: rgb(0, 255, 0); ) /* zelena */
h3 (boja: rgb(0, 0, 255); ) /* plava */
h4 ( boja: rgb(0%, 0%, 100%); ) /* ista plava, unos postotka */

RGB vrijednosti boja podržane su u svim glavnim preglednicima.

RGBA

Nedavno moderni preglednici naučili raditi s RGBA modelom boja - proširenjem RGB-a s podrškom za alfa kanal, koji određuje neprozirnost objekta.

Vrijednost RGBA boje navedena je kao: rgba(crvena, zelena, plava, alfa). Parametar alfa je broj u rasponu od 0,0 (potpuno proziran) do 1,0 (potpuno neproziran).

h1 (boja: rgb(0, 0, 255); ) /* plava u regularnom RGB-u */
h2 ( boja: rgba(0, 0, 255, 1); ) /* ista plava u RGBA, jer je neprozirnost: 100% */
h3 (boja: rgba(0, 0, 255, 0.5); ) /* neprozirnost: 50% */
h4 (boja: rgba(0, 0, 255, .155); ) /* neprozirnost: 15,5% */
h5 (boja: rgba(0, 0, 255, 0); ) /* potpuno prozirno */

RGBA je podržan u IE9+, Firefox 3+, Chrome, Safari i Opera 10+.

HSL

HSL model boja je prikaz RGB modela u cilindričnom koordinatnom sustavu. HSL predstavlja boje na intuitivniji i ljudima čitljiviji način od tipičnog RGB-a. Model se često koristi u grafičkim aplikacijama, paletama boja i analizi slika.

HSL je kratica za Hue (boja/nijansa), Saturation (zasićenost), Lightness/Luminance (svjetlina/svjetlost/svjetlina, ne smije se brkati sa svjetlinom).

Nijansa postavlja položaj boje na kotačić boja(od 0 do 360). Zasićenost je postotna vrijednost zasićenosti (od 0% do 100%). Svjetloća je postotak svjetline (od 0% do 100%).

h1 (boja: hsl(120, 100%, 50%); ) /* zelena */
h2 ( boja: hsl(120, 100%, 75%); ) /* svijetlo zelena */
h3 ( boja: hsl(120, 100%, 25%); ) /* tamno zelena */
h4 ( boja: hsl(120, 60%, 70%); ) /* pastelno zelena */

HSL je podržan u IE9+, Firefoxu, Chromeu, Safariju i Operi 10+.

HSLA

Slično RGB/RGBA, HSL ima HSLA način rada koji podržava alfa kanal za označavanje neprozirnosti objekta.

HSLA vrijednost boje navedena je kao: hsla (ton, zasićenost, svjetlina, alfa). Parametar alfa je broj u rasponu od 0,0 (potpuno proziran) do 1,0 (potpuno neproziran).

h1 ( boja: hsl(120, 100%, 50%); ) /* zelena u normalnom HSL-u */
h2 ( boja: hsla(120, 100%, 50%, 1); ) /* ista zelena u HSLA, jer je neprozirnost: 100% */
h3 ( boja: hsla(120, 100%, 50%, 0,5); ) /* neprozirnost: 50% */
h4 (boja: hsla(120, 100%, 50%, .155); ) /* neprozirnost: 15,5% */
h5 ( boja: hsla(120, 100%, 50%, 0); ) /* potpuno prozirno */

CMYK

CMYK model boja često se povezuje s ispisom i tiskom u boji. CMYK (za razliku od RGB) je subtraktivni model, što znači da su veće vrijednosti povezane s tamnijim bojama.

Boje su određene omjerom cijan (Cyan), magenta (Magenta), žute (Yellow), uz dodatak crne (Key/blacK).

Svaki od brojeva koji definiraju boju u CMYK-u predstavlja postotak tinte dane boje koja čini kombinaciju boja, ili točnije, veličinu zaslonske točke prikazane na stroju za fotoslaganje na filmu dane boje (ili izravno na tiskani obrazac u slučaju CTP-a).

Na primjer, da biste dobili boju PANTONE 7526, pomiješali biste 9 dijelova cijan, 83 dijela magenta, 100 dijelova žute i 46 dijelova crne. To se može označiti na sljedeći način: (9,83,100,46). Ponekad se koriste sljedeće oznake: C9M83Y100K46, ili (9%, 83%, 100%, 46%), ili (0,09/0,83/1,0/0,46).

HSB/HSV

HSB (također poznat kao HSV) sličan je HSL-u, ali to su dva različita modela boja. Oba se temelje na cilindričnoj geometriji, no HSB/HSV se temelji na "hexcone" modelu, dok se HSL temelji na "bi-hexcone" modelu. Umjetnici često radije koriste ovaj model, općenito je prihvaćeno da je uređaj HSB/HSV bliži prirodnoj percepciji boja. Konkretno, HSB model boja koristi se u Adobe Photoshopu.

HSB/HSV označava Hue (boja/nijansa), Saturation (zasićenost), Brightness/Value (svjetlina/vrijednost).

Nijansa određuje položaj boje na kotaču boja (od 0 do 360). Zasićenost je postotna vrijednost zasićenosti (od 0% do 100%). Svjetlina je postotak svjetline (od 0% do 100%).

XYZ

Model boja XYZ (CIE 1931 XYZ) je čisto matematički prostor. Za razliku od RGB, CMYK i drugih modela, u XYZ glavne komponente su "imaginarne", što znači da ne možete povezati X, Y i Z s bilo kojim skupom boja za miješanje. XYZ je glavni model za gotovo sve druge modele boja koji se koriste u tehničkim područjima.

LABORATORIJA

LAB model boja (CIELAB, “CIE 1976 L*a*b*”) izračunat je iz prostora CIE XYZ. Cilj dizajna Laba bio je stvoriti prostor boja u kojem bi promjene boja bile linearnije u smislu ljudske percepcije (u usporedbi s XYZ), odnosno tako da bi ista promjena vrijednosti koordinata boja u različitim regijama prostora boja proizvesti isti osjećaj promjene boje.